一、一般情况下表单的验证,错误信息放在表单后面,也是默认的情况,但是在使用的时候,错误的信息会指定放在某个位置1、使用errorPlacement,可以把错误的信息放在指定的标签里面。
$("#saveForm").validate({
rules: {
name:{
required:true
},
marketPrice:{
required:{
depends: function(element){
return !$("#marketPriceRadio").prop("checked");
}
},
number:true
},
categoryId:{
required:true
}
},
errorPlacement: function (error, element) {
console.log(element[0].name);
if (element[0].name == "marketPrice") {
error.appendTo("span.priceError");
}else{
error.insertAfter(element);
}
}
})
二、第二种就是验证的条件依赖于某一个标签,比如说验证的input表单后面跟着一个radio标签,当时checked时才需要表单验证,显示错误信息。就是这样的依赖条件
1、还是上面的代码,用的是depends,当radio的$("#marketPriceRadio").prop("checked")等于false时才验证,true的时候不验证。
三、第三种就是在一个table列表里面,每条数据都需要验证,这样验证的就特别多,而且每个表单的name不一样,这样就没法添加到validate验证。其实validate提供了用class验证的方法,需要自己添加。
$.validator.addClassRules({
//表单共有的class
cateClass: {
required:true
}
});
$("#listForm").validate({});
自己添加addClassRules的class,这样含有cateClass的表单就会验证