jquery validate 使用案例

2019独角兽企业重金招聘Python工程师标准>>>

1.

jquery.validate不使用submit提交，而是使用button按钮提交，以及使用ajax验证用户名

参考链接：http://blog.csdn.net/lee_nacl/article/details/68921387

 

默认校验规则：

参考链接：https://www.cnblogs.com/linjiqin/p/3431835.html

 

下载demo：http://static.runoob.com/download/jquery-validation-1.14.0.zip

 

2.动态添加和移除表单验证信息

添加代码：

//添加input 验证
function addValidate(obj){
	
/* 	 $(".consumable_purchase-form input[name='goods[1][name]']").rules('add', {  
         required:true,  
         messages:{  
             required:"newT必输"  
         }  
     }); 
	 alert(111); */
	
 	$(obj).find('input,select').each(function(){
		//alert($(this).attr('name'));
		var name = $(this).attr('name');
		
		if(name.indexOf('name') > -1 ){//品名
			 $(this).rules('add', {  
	             required:true,  
	             messages:{  
	                 required:"请输入品名"  
	             }  
	         }); 
		}else if(name.indexOf('specifications') > -1 ){//规格型号
			$(this).rules('add', {  
	             required:true,  
	             messages:{  
	                 required:"请输入规格型号"  
	             }  
	         }); 
		}else if(name.indexOf('price') > -1 ){//价格
			$(this).rules('add', {  
				required:true,
				number:true,
				max:400,  
	            messages:{  
	            	 required: "请输入价格",
					 number:"请输入一个数字",
		             max:"最大值不能超过400"
	             }  
	         }); 
		}else if(name.indexOf('quantity') > -1 ){//数量
			$(this).rules('add', {  
				required:true,
				number:true,
	            messages:{  
	                required: "请输入数量",
					number:"请输入一个数字"
	             }  
	         }); 
		}else if(name.indexOf('second_category_id') > -1 ){//产品类型
			$(this).rules('add', {  
				required:true,
	            messages:{  
	                required: "请输入产品类型"
	             }  
	         }); 
		}
		 
	}); 
	
}

 

 

3.给已经添加了表单验证的选项移除验证规则和重新添加验证规则

//添加
$("#alt").rules("add",{isTel:true});
$(this).rules("add",{max:400});
//删除
$("#alt").rules("remove","isTel");

参考链接：https://www.cnblogs.com/live365wang/archive/2012/03/29/2423455.html

 

 

参考链接：https://www.cnblogs.com/momodaolai/p/6126132.html

备注：移除事件remove 似乎好像没有起到效果，还是继续验证表单

 

转载于:https://my.oschina.net/qimhkaiyuan/blog/1588072