Tuesday, January 14, 2014

Jquery validate: call manually and validate select options

You can validate only one element at a time.

to call manually: sample code
$("#add_new_word").validate().element("#new_eng_word");
    $("#add_new_word").validate().element("#new_eng_grammar");

How to validate select option:
keep first option as value=""
select  class="form-control" name="new_eng_grammar" id="new_eng_grammar" requied autofocus>
            <option value="">Select English Grammar</option>
            <?php foreach($englishGrammarTypes as $englishGrammarType)
            {
                echo "<option value='".$englishGrammarType['value']."'>".$englishGrammarType['name']."</option>";
            }
            ?>

        </select>

rules:
        new_eng_grammar: {
            required: true
        },


messages: {
      
        new_eng_grammar: {
             required: "Please select english grammar"
        }
    }


Using it with custom submit button:
function validate()
{
    $("#add_new_word").validate().element("#new_hindi_word");
    $("#add_new_word").validate().element("#new_eng_word");
    $("#add_new_word").validate().element("#new_eng_example");
    $("#add_new_word").validate().element("#new_hindi_example");
    $("#add_new_word").validate().element("#new_eng_grammar");
    $("#add_new_word").validate().element("#new_hindi_grammar");
    $("#add_new_word").validate();
}
function addword()
{
    validate();
    if(!$("#add_new_word").valid())
    {
        return;
    }

}

No comments:

Post a Comment