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;
}
}
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