Question

我有一个div，其中有3个文本类型的输入字段，如果3个输入字段中的任何一个包含值，我想在按钮单击时显示警告。

<div id="userdiv">
<input type="text" name="username" />
<input type="text" name="company" />
<input type="text" name="area" /><br />
<button id="btn1">Search</button>
</div>

如何使用jquery检查字段中是否包含值？

Answer 1

您可以使用for循环遍历所有input字段，然后获取并检查每个输入字段的值以检查非空值。

$('#btn1').click(function(){
  var input = $('#userdiv input[type="text"]');
  var found = false;
  for(var i=0; i<input.length; i++){
    if($(input[i]).val().trim() !== ''){
      found = true;
      alert('Non empty');
      break;
    }
  }
  if(!found){
    alert('all fields are empty');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="userdiv">
  <input type="text" name="username" />
  <input type="text" name="company" />
  <input type="text" name="area" /><br />
  <button id="btn1">Search</button>
</div>

Answer 2

类似的事情可能会起作用：

$('#btn1').on('click', function() {
    var myCondition = false;
    $('#userdiv').find('input').each(function() {
        if (!myCondition && $(this).val().includes('my_search_string')) myCondition = true;
    });

    if (myCondition) console.log('Found it!');
});

我们可以遍历每个<input>，以检查它们是否包含特定的字符串。如果您只想查看它们是否包含某物，那么我们可以将$(this).val().includes('my_search_string')替换为$(this).val().length，因为除非长度> 0

，否则它将返回FALSE。

使用jQuery检查输入类型文本是否包含div中的值

2 个答案: