在前端開發(fā)中，表單是必不可少的元素之一，而表單中的各個輸入框（input）也是非常重要的組成部分之一。在表單中，有一些輸入框是必填的，這就需要我們?yōu)檫@些輸入框設(shè)置必填屬性，并且在用戶提交時進(jìn)行驗證。

<input type="text" name="name" required>

如上代碼，我們添加了required屬性。這時候，當(dāng)用戶提交表單時，若這些必填輸入框中有未填寫的，則會提示用戶填寫該項。

但是，在實際開發(fā)中，我們經(jīng)常會碰到一些需要用到j(luò)query的情況，比如需要根據(jù)用戶輸入來動態(tài)改變表單的一些內(nèi)容，這時候我們可以通過jquery來方便的完成。

$(document).ready(function(){
$('#submitBtn').click(function(){
var name = $('#name').val();
if(name == ''){
alert('請?zhí)顚懶彰?');
}
});
});

如上代碼，我們?yōu)樘峤话粹o（id為submitBtn）添加了一個click事件，在點擊時判斷了名字輸入框（id為name）的值是否為空，如果為空則彈出提示用戶填寫姓名。

除此之外，我們還可以通過jquery改變必填輸入框的樣式，比如添加紅色邊框或者改變背景顏色等等，以提醒用戶該輸入框為必填項并避免用戶漏填。

input[required]{
border:1px solid red;
}

如上代碼，我們給所有需要填寫的輸入框添加了一個紅色邊框樣式。

在開發(fā)中，合理使用jquery可以使我們更加便捷地完成表單必填項的驗證功能，進(jìn)而提高用戶體驗。