欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery.validator非空驗(yàn)證

老白1年前8瀏覽0評(píng)論

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ò)誤。