普通按钮进行表单验证

最新推荐文章于 2024-09-09 15:38:08 发布

转载最新推荐文章于 2024-09-09 15:38:08 发布 · 290 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wgl0126/p/9564914.html

简单做一个记录，如果按钮不是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());

转载于:https://www.cnblogs.com/wgl0126/p/9564914.html