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