JQuery 是一種非常常用的 JavaScript 庫，可以簡(jiǎn)化我們?cè)陂_發(fā)中的一些操作。其中包括表單驗(yàn)證，減少了我們工作量，提高了開發(fā)效率。下面是 JQuery 驗(yàn)證表單的寫法。

// 聲明一個(gè)變量來保存表單的狀態(tài)
var formValid = false;
// 當(dāng)表單提交時(shí)
$('form').on('submit', function() {
// 重置表單狀態(tài)
formValid = true;
// 驗(yàn)證表單中的每個(gè)輸入框
$('input').each(function() {
// 獲取輸入框的 value
var value = $(this).val();
// 驗(yàn)證輸入框是否為空
if (!value) {
// 如果為空，則添加錯(cuò)誤提示信息
$(this).addClass('error');
formValid = false;
} else {
// 如果不為空，則移除錯(cuò)誤提示信息
$(this).removeClass('error');
}
});
// 如果表單驗(yàn)證通過，則提交表單
if (formValid) {
$('form').submit();
}
// 阻止默認(rèn)的表單提交行為
return false;
});

以上代碼通過遍歷表單中的每個(gè)輸入框，檢查它們是否為空來驗(yàn)證表單。如果輸入框?yàn)榭眨瑒t添加一個(gè)類名為 error 的 CSS 類來顯示錯(cuò)誤提示信息。反之，如果輸入框不為空，則移除錯(cuò)誤提示信息。

最后，在表單提交前檢查是否所有輸入框都填寫完整。如果表單驗(yàn)證通過，則提交表單；否則阻止默認(rèn)的表單提交行為。