jQuery.validator是jquery的一個插件,用來驗證表單數據的有效性。其中最常用的功能之一是非空驗證。
使用jQuery.validator進行非空驗證十分簡單,只需在表單元素的rules中添加required即可。
$('form').validate({ rules: { username: { required: true }, password: { required: true } } });
以上代碼可以實現對表單中的username和password兩個元素的非空驗證。
除了在rules中添加required,也可以直接在html標簽中添加required屬性,如下:
<input type="text" name="username" required>
當我們提交表單時,如果這些元素的值為空,jQuery.validator就會提示錯誤信息。
當然,我們也可以自定義錯誤信息,如下:
$('form').validate({ rules: { username: { required: true }, password: { required: true } }, messages: { username: { required: "請輸入用戶名" }, password: { required: "請輸入密碼" } } });
這樣,輸入框為空時,錯誤信息就會變成“請輸入用戶名”和“請輸入密碼”。
總之,使用jQuery.validator進行非空驗證非常簡單,只需要添加一個required即可,節省了很多開發時間,同時也能有效減少用戶的輸入錯誤。