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

原理 ，所有表单验证通过后，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",
		//指定错误信息位置
		errorPlacement: function (error, element) { 
      		if (element.is(':radio') || element.is(':checkbox')) {
          		var eid = element.attr('name');
          		error.appendTo(element.parent());
      		} else {
      			//error.appendTo(element.parent().next());
          		error.appendTo(element.closest("div"));
          		//error.appendTo(element.closest("td"));
     		}
		},
		//设置验证触发事件
		focusInvalid: true,
		//设置验证成功提示格式
		success:function(e)
		{
    		e.html(" ").addClass("valid").text('ok');
		}
	})
});
  </script>

表单名为 signupForm

表单form 提交按钮，并起id="signubutton" ,用于上边设置时对应id按钮处理

<input type="submit" class="btn btn-primary" name="signup" id="signupbutton" value="注    册" style="width:225px;margin-left:-20px;" />