jquery.validate是一款輕量級的表單驗證插件,它能夠幫助開發者對表單進行驗證檢查,確保用戶輸入的數據是合法的。
//引入jquery和jquery.validate插件 <script src="jquery.min.js"></script><script src="jquery.validate.min.js"></script>//創建一個表單并添加驗證規則 <form id="myForm"><input type="text" name="username" required minlength="4" maxlength="16"><input type="email" name="email" required><input type="password" name="password" required minlength="6"><input type="password" name="confirm_password" required equalTo="#password"><input type="submit" value="提交"></form>//用jquery.validate對表單進行初始化并設置驗證規則 <script>$(document).ready(function(){ $('#myForm').validate({ rules: { username: { required: true, minlength: 4, maxlength: 16 }, email: { required: true, email: true }, password: { required: true, minlength: 6 }, confirm_password: { required: true, equalTo: "#password" } }, messages: { username: { required: "請填寫用戶名", minlength: "用戶名至少需要4個字符", maxlength: "用戶名不能超過16個字符" ????????}, ????????email:?{ ??????????required:?"請填寫郵箱地址", ??????????email:?"請填寫有效的郵箱地址" ????????}, ????????password:?{ ??????????required:?"請填寫密碼", ??????????minlength:?"密碼至少需要6個字符" ????????}, ????????confirm_password:?{ ??????????required:?"請填寫確認密碼", ??????????equalTo:?"兩次輸入的密碼不一致" ????????} } }); }); </script>
以上代碼演示了使用jquery.validate對表單進行初始化并設置驗證規則的示例,其中包含四個輸入框需要驗證,分別是用戶名、郵箱、密碼和確認密碼。設置了每個輸入框相應的驗證規則,如必填、最小長度、最大長度等。如果用戶輸入的數據不符合規則,則通過messages設置相應的提示信息。
jquery.validate不僅對表單驗證提供了可靠的支持,還提供了許多實用的特性,如異步驗證、動態添加驗證規則、自定義驗證規則等等,這些功能使得jquery.validate成為了一款不可或缺的表單驗證插件。
上一篇html盒子向左移動代碼
下一篇css td寬度自適應