我正在尝试检查输入字段中是否至少有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>

最佳答案

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

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


  $.isNumeric()方法检查其参数是否表示一个
  数值。如果是这样,它将返回true。否则,它返回false。的
  参数可以是任何类型。


无需在那一个上使用length

关于javascript - 使用isNumeric检查输入中的数字,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41187066/

10-09 16:41