Jquery 是一種非常流行的 Javascript 庫,它為網頁開發帶來了許多方便。其中之一就是它提供了方便的輸入驗證功能,使得我們可以輕松地對用戶輸入的信息進行驗證。以下是一個簡單的例子。
$("form").submit(function(e){ // 阻止表單提交 e.preventDefault(); // 獲取用戶輸入的信息 var username = $("#username").val(); var password = $("#password").val(); // 定義正則表達式 var nameRegex = /^[a-zA-Z]+[a-zA-Z0-9_]{4,15}$/; var passRegex = /^[a-zA-Z]\w{5,17}$/; // 驗證用戶名和密碼 if(!nameRegex.test(username)){ alert("用戶名不符合要求!"); return false; } if(!passRegex.test(password)){ alert("密碼不符合要求!"); return false; } // 如果驗證通過,提交表單 alert("驗證通過!"); $("form").submit(); });
這個例子中,我們獲取了用戶輸入的用戶名和密碼,然后使用正則表達式對其進行驗證。如果輸入的信息不符合要求,就會彈出相應的提示信息,并且阻止表單的提交;否則,就彈出驗證通過的提示信息,并且提交表單。
通過使用 Jquery 的輸入驗證功能,我們可以有效地防止用戶輸入不合法的信息,從而提高網站的安全性和用戶體驗。
上一篇jquery 選擇器
下一篇jquery 輪番特效