validate的表单验证

一、一般情况下表单的验证,错误信息放在表单后面,也是默认的情况,但是在使用的时候,错误的信息会指定放在某个位置

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的表单就会验证




  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值