jquery - 空字段和数字字段的过滤功能

Question

我有一个函数，用于通过获取所有非空字段的计数并根据该计数进行传递来确保三个输入字段中至少有一个值!= 0。

但是，我正在尝试修改此函数，以便在任何输入包含数字以外的内容时也会失败。我不确定如何使用我当前的结构使其工作。

$('#go').on('click', function() {
  var nonempty = $('.number').filter(function() {
    return (this.value) != 0;
    // return isNaN(this.value);
  })

  if (nonempty.length == '') {
    alert('Fail');
  } else {
    alert('Pass');
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class='number'>
<input class='number'>
<input class='number'><br/>
<button id='go'>Go!</button>

Answer 1

要实现此目的，请使用 Number() 转换 filter() 中的值。这是有效的，因为 0 将在 filter() 的返回值中强制为 false，而空值或非数字值将返回 NaN 也强制为 false。另请注意，您应该根据整数值(而不是字符串)检查 length 属性。试试这个:

$('#go').on('click', function() {
  var nonempty = $('.number').filter(function() {
    return Number(this.value);
  })

  if (nonempty.length == 0) {
    console.log('Fail');
  } else {
    console.log('Pass');
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input class="number">
<input class="number">
<input class="number"><br/>
<button id="go">Go!</button>