在網(wǎng)站開發(fā)中，表單元素非空是一個(gè)常見的需求。使用jQuery，我們可以輕松實(shí)現(xiàn)表單元素非空驗(yàn)證。

$(document).ready(function(){
//選取表單中所有的input元素
var inputs = $("form").find("input");
//添加事件監(jiān)聽器，當(dāng)表單提交時(shí)進(jìn)行驗(yàn)證
$("form").submit(function(event){
//標(biāo)記表單是否驗(yàn)證通過
var isValid = true;
//遍歷所有的input元素，進(jìn)行非空驗(yàn)證
inputs.each(function(){
//如果元素的值為空，添加樣式并將isValid標(biāo)記為false
if($(this).val() === ""){
$(this).addClass("empty");
isValid = false;
}else{
$(this).removeClass("empty");
}
});
//如果驗(yàn)證不通過，阻止表單提交
if(!isValid){
event.preventDefault();
}
});
});

我們首先選取表單中所有的input元素，并在表單提交時(shí)進(jìn)行驗(yàn)證。在遍歷每個(gè)input元素時(shí)，我們檢查其值是否為空。如果值為空，我們添加一個(gè)類名"empty"，并將isValid標(biāo)記為false，以便在后續(xù)阻止表單提交。如果值不為空，我們將"empty"類名從元素移除。最后，我們檢查isValid來確定表單是否可以提交。