时间戳

首页 > 解决方案 > 使用jquery检查输入类型文本是否包含div中的值

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

问题描述

我有一个 div，其中它们是 text 类型的 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 检查任何字段是否包含值？

标签： jquery

解决方案

您可以使用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>

推荐阅读