我需要验证下面提到的楼层字段。
<form id="test_form" >
<input name="floor[abc]" type="text" class="input_txt_l " value="" />
<input name="floor[cde]" type="text" class="input_txt_l " value="" />
</form>
我尝试使用 jquery 验证器插件。
jQuery("#test_form").validate({
rules: {
'floor[]':{
required:true
}},
messages: {
'floor[]':{
required:"floor is required."
}
}
});
此处验证无效。但如果地板没有索引,效果很好。如果有人有解决此问题的想法,请帮助我。
有多种方法可以解决您的问题:
要么你使用addClassRules
:
// using the class name instead of field name
jQuery.validator.addClassRules("input_txt_l", {
required: true
});
或者您分别处理每个字段,因为实际上它们的名称不同:
jQuery("#test_form").validate({
rules: {
'floor[abc]':{
required:true
},
'floor[cde]':{
required:true
},
}
});
或者您重命名您的字段:
HTML:
<input name="floor[][abc]" type="text" class="input_txt_l " value="" />
<input name="floor[][cde]" type="text" class="input_txt_l " value="" />
JavaScript:
jQuery("#test_form").validate({
rules: {
'floor[]':{
required:true
}},
});
fiddle is here .