普通按钮进行表单验证

简单做一个记录,如果按钮不是form表单中有提交性质的按钮,就没有表单提交事件,我们需要为这个按钮单独注册一个事件

在这里,做一个表单验证事件的注册

$("#btnSave").click(function () {
	var groupId = $("#groupId").val();
	if(validform().form()) {
	    //通过表单验证,以下编写自己的代码
		//表单验证成功执行
		var url = path + "/GroupCustomer.do?action=toAddAndUpdate&id="+groupId;
		$("#editWin").window("close");
		getVpnInfoData();
		$.ajax({
			method:'get',
			async:false,
			data: $("#data_form").serialize(),
			url:url,
			success:function(){
				$("#editWin").window("close");
				getVpnInfoData();
			}
			
		})
	}
});
//普通按钮触发表单验证事件  /*关键在此增加了一个return,返回的是一个validate对象,这个对象有一个form方法,返回的是是否通过验证*/ 
function validform(){
	return $("#data_form").validate({
	    rules:{
	    	ARName: { required: true }
	    },
	    messages: {
	    	ARName: { required: "必填!" }
	    },
	    errorClass: "cusErrorPanel",
	    errorPlacement:function(error, element) {  
	        error.appendTo("#erroInfo");  
	    }
	});
}
//注册表单验证
$(validform());

  

 

posted @ 2018-08-31 11:32  小伍w  阅读(1602)  评论(0编辑  收藏  举报