我有下面的代码,当输入缺少一个值时,它会将输入的边框变为红色;问题是即使只有一个输入缺少,它也会将所有输入的边框变为红色。
$('#button_one').click(function(){
var result = $(".className input[required]").filter(function(){
return $.trim($(this).val()).length == 0
}).length == 0;
if (result) {
// Loads the next section of the form...
} else {
$("className input[required]").css('border', 'solid 1px red');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='className'>
<label>Full Name <input type="text" required/></label>
<label>Date of Birth <input type="date" required/></label>
</div>
我知道还有其他方法。但是,这些HTML部分是用另一个按钮动态添加的。所以我永远不知道有多少DIV输入部分。
