（表单重复提交）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;" />