jQuery表單驗證是一種非常流行的前端表單驗證方法。它可以幫助開發者驗證用戶輸入的數據是否符合預期,并提供友好的提示信息。
下面介紹幾種常見的jQuery表單驗證方法:
// 1. 驗證非空 $("form").submit(function() { var username = $("input[name='username']").val(); var password = $("input[name='password']").val(); if (username == "" || password == "") { alert("請輸入用戶名和密碼!"); return false; } }); // 2. 驗證郵箱 $("form").submit(function() { var email = $("input[name='email']").val(); var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/; if (!reg.test(email)) { alert("請輸入正確的郵箱地址!"); return false; } }); // 3. 驗證手機號 $("form").submit(function() { var mobile = $("input[name='mobile']").val(); var reg = /^[1][3,4,5,7,8][0-9]{9}$/; if (!reg.test(mobile)) { alert("請輸入正確的手機號!"); return false; } }); // 4. 驗證密碼強度 $("form").submit(function() { var password = $("input[name='password']").val(); var reg1 = /[a-zA-Z]+/; var reg2 = /[0-9]+/; if (!reg1.test(password) || !reg2.test(password) || password.length < 6) { alert("密碼必須包含字母和數字,且長度不少于6位!"); return false; } });
以上代碼可以根據具體情況修改,并結合CSS樣式和HTML標簽展示友好的提示信息,從而提高用戶體驗。