如何检查javascript或jQuery中是否有div和input标签为空？
如何检查javascript或jQuery中是否有div和input标签为空？
提问于 2018-06-22 03:56:24
要求是在单击一次按钮时检查多个div和输入标记的空验证。
Html代码
<div class=" droppable multipleAlertEmptyCheck"></div>
<input type="text" class="multipleAlertEmptyCheck">
<div class=" droppable multipleAlertEmptyCheck"></div>
<input type="text" class="multipleAlertEmptyCheck">Js代码
$(document).on('click','#multipleAlertSubmit', function(){
var actval = $(".multipleAlertEmptyCheck");
var actcount = actval.length;
for(var i = 0; i<=actcount-1; i++){
if(actval[i].value == '' || actval[i].textContent == ''){
document.getElementById("message").innerHTML = "Fill all fields";
return false;
}else{
document.getElementById("message").innerHTML="";
}
} 回答 2
Stack Overflow用户
发布于 2018-06-22 04:29:56
function logEmptyElements ( $elements ) {
//find the input elements that do not have a value
var $emptyInputs = $elements.filter(':input').filter(function(){
return !this.value.trim();
});
//find the non inputs that do not have inner html
var $emptyDivs = $elements.not(':input').filter(function(){
return !this.innerHTML.trim();
});
console.log(
$emptyInputs.add($emptyDivs).get()
);
}
logEmptyElements( $('.multipleAlertEmptyCheck1') );
logEmptyElements( $('.multipleAlertEmptyCheck2') );
logEmptyElements( $('.multipleAlertEmptyCheck3') );<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="droppable multipleAlertEmptyCheck1"></div>
<input type="text" class="multipleAlertEmptyCheck1">
<div class="droppable multipleAlertEmptyCheck1"></div>
<input type="text" class="multipleAlertEmptyCheck1">
<div class="droppable multipleAlertEmptyCheck2">A</div>
<input type="text" class="multipleAlertEmptyCheck2" value="1">
<div class="droppable multipleAlertEmptyCheck2"></div>
<input type="text" class="multipleAlertEmptyCheck2">
<div class="droppable multipleAlertEmptyCheck3">A</div>
<input type="text" class="multipleAlertEmptyCheck3" value="1">
<div class="droppable multipleAlertEmptyCheck3">B</div>
<input type="text" class="multipleAlertEmptyCheck3" value="2">
Stack Overflow用户
发布于 2018-06-22 04:05:55
而不是写你可以写的东西
var actval = $(".multipleAlertEmptyCheck");
if(actval.val() === '' || actval.text() === '') {
//do something
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50976582
复制相关文章
相似问题