javascript - 使用 isNumeric 检查输入中的数字

Question

我正在尝试检查输入字段中是否至少有 1 位数字。如果有我想更改默认图像。

我在使用 .isNumeric 函数时遇到错误。我知道在文档中它显示 $.isNumeric，但我不确定如何在 hasNumber.isNumeric().length >= 1; 中添加它。

如果可以的话，我愿意接受不同的功能。

$('#register').keyup(function() {
  var hasNumber = $("#password").val();
  var hasNumberValid = hasNumber.isNumeric().length >= 1;
  $('#upperCase').attr('src', hasNumberValid ? 'https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQlyqJ14HYP1WclpK9RkJWo8jIDBkhTW0GS31AxRkozAEA72ULhY89LIzk' : 'icons/collection/delete.png');
});

#password-check {
  margin: 30px auto;
}
.password-check-field {
  color: black;
}
.password-check-field img {
  margin-right: 15px;
  height: 15px;
  width: 15px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form action="" method="POST" id="register">
  <div class="field">
    <label for="firstname">First Name</label>
    <input type="text" name="firstname" required>
  </div>
  <div class="field">
    <label for="password">Choose a password</label>
    <input type="password" name="password" id="password" required>
  </div>
  <div class="password-check-field">
    <img id="upperCase" src="icons/collection/delete.png" alt="Success">Your password has at a number in it
  </div>
</form>

Answer 1

$.isNumeric()接受任何值的参数，因此您可以通过以下方式将 $("#password").val() 传递给它:

$.isNumeric(hasNumber) 或 $.isNumeric( $("#password").val() )

The $.isNumeric() method checks whether its argument represents a numeric value. If so, it returns true. Otherwise it returns false. The argument can be of any type.

无需在该值上使用length。