原理 ，所有表單驗證通過後，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;" />