jquery.validate.min.js是一款常用的JavaScript表單驗證插件,能夠方便地對表單中的數據進行驗證。
$(document).ready(function() { // 驗證表單 $("#myform").validate({ rules: { // 規則 username: { required: true, minlength: 6 }, password: { required: true, minlength: 8 }, email: { required: true, email: true }, phone: { required: true, digits: true, minlength: 11, maxlength: 11 } }, messages: { // 錯誤信息提示 username: { required: "請輸入用戶名", minlength: "用戶名長度不能少于6個字符" }, password: { required: "請輸入密碼", minlength: "密碼長度不能少于8個字符" }, email: { required: "請輸入郵箱", email: "請輸入正確的郵箱地址" }, phone: { required: "請輸入手機號碼", digits: "請輸入有效的手機號碼", minlength: "請輸入有效的手機號碼", maxlength: "請輸入有效的手機號碼" } } }); });
代碼中通過調用$("#myform").validate()函數對表單進行驗證,規則設置在rules選項中,錯誤信息提示設置在messages選項中。這樣當用戶提交表單時,表單中的數據就會被驗證,如果不符合規則就會提示錯誤信息,幫助用戶更加方便地填寫表單。
除了以上提到的規則和錯誤信息提示,jquery.validate.min.js還支持其他規則和驗證方式,比如range、max、min等。