（表单重复提交）jquery验证通过时，提交按钮变灰，不通过时正常显示

最新推荐文章于 2022-07-22 14:29:29 发布

蜗牛慢慢向上爬

最新推荐文章于 2022-07-22 14:29:29 发布

阅读量2.1k

点赞数

本文链接：https://blog.csdn.net/A9925/article/details/44243979

版权

该博客介绍了一个使用jQuery进行表单验证的方法。当所有验证通过后，通过设置id为'signupbutton'的提交按钮为禁用状态（disabled=true），以防止表单重复提交。在验证成功后调用form.submit()进行提交。

摘要由CSDN通过智能技术生成

原理，所有表单验证通过后，form.submit();进行表单提交。

实例1

因此在在验证回来通过之后，表单提交前设置提交按钮为灰

document.getElementById("signupbutton").disabled=true;
form.submit();

<script>
//自定义验证规则
$(document).ready(function() {
	
	//设置默认属性
	$.validator.setDefaults({       
		submitHandler: function(form) {
			document.getElementById("signupbutton").disabled=true;
			form.submit();    
	   }
	}),
	
	//开始验证
	$("#signupForm").validate({						  
		rules: {
			realname: {
				required: true,
				stringCheck:true,   
				byteRangeLength:[4,15]
			},
			mobile: {
				required: true,
				isMobileNo: true
			},
			password: {
				required: true
				
			},
		},
		
		//设置错误信息存放标签
		errorElement: "em",
		//指定错误信息位置
		errorPlacem