jQuery是一個非常流行的JavaScript庫，它可以簡化編寫JavaScript代碼的工作。而jQuery.validate函數則是用于表單驗證的插件，可以幫助我們在客戶端對用戶填寫的表單進行驗證，以保證填寫的數據的準確性。在使用jQuery.validate函數時，有一些常用的規則需要我們掌握。

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/jquery.validate.min.js"></script>
<script>
$(document).ready(function(){
$("#myform").validate({
rules: {
username: {
required: true,
minlength: 5
},
password: {
required: true,
minlength: 6
},
email: {
required: true,
email: true
},
phone: {
required: true,
number: true,
minlength: 11,
maxlength: 11
},
},
messages: {
username: {
required: "請輸入用戶名",
minlength: "用戶名至少包含5個字符"
},
password: {
required: "請輸入密碼",
minlength: "密碼至少包含6個字符"
},
email: {
required: "請輸入郵箱地址",
email: "請輸入正確的郵箱地址"
},
phone: {
required: "請輸入手機號碼",
number: "請輸入正確的手機號碼",
minlength: "手機號碼長度為11位",
maxlength: "手機號碼長度為11位"
},
}
});
});
</script>

在上述代碼中，我們使用了四個規則來驗證表單中的四個輸入框，分別是：

• required：字段必須填寫
• minlength：字段的最小長度
• email：字段必須為電子郵件格式
• number：字段必須為數字格式
• maxlength：字段的最大長度

除了上述規則外，還有許多其他的規則可以選擇使用。同時，在使用這些規則時，我們也可以為它們設置相應的錯誤信息，以便在驗證不通過時向用戶提示相應的錯誤信息。