對(duì)于表單驗(yàn)證,設(shè)置輸入框必填是很常見的要求,而使用jquery則可以讓這一過程更加簡(jiǎn)單、快捷。
首先需要添加jquery庫,將以下代碼放在
標(biāo)簽中:<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
然后可以使用以下代碼來設(shè)置必填項(xiàng):
$(document).ready(function(){
$('form').submit(function(){
var valid = true;
$('input[required]').each(function(){
if($(this).val() === ''){
valid = false;
}
});
if(!valid){
alert('請(qǐng)?zhí)顚懕靥铐?xiàng)');
return false;
}
});
});
以上代碼的作用是在表單提交時(shí),遍歷所有必填項(xiàng),如果有未填寫的則彈出提示,禁止提交。
需要注意的是,該代碼只對(duì)設(shè)置了required屬性的輸入框有效,如果需要設(shè)置其他驗(yàn)證,可以在each的回調(diào)函數(shù)中添加相應(yīng)的判斷。
除了設(shè)置required屬性,也可以使用jquery的validate插件來進(jìn)行表單驗(yàn)證,該插件可以輕松實(shí)現(xiàn)各種自定義驗(yàn)證規(guī)則,使用起來更加方便。
綜上所述,jquery能夠讓表單驗(yàn)證變得更加簡(jiǎn)單、快捷,可以極大地提高開發(fā)效率。