原理 ，所有表单验证通过后，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;" />