在網站開發中，表單元素非空是一個常見的需求。使用jQuery，我們可以輕松實現表單元素非空驗證。

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

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