Question

我创建了一个简单的密码确认，如果不单击提交按钮，它将自动检查密码是否匹配。

如果不匹配，则禁用该按钮，如果密码匹配，则启用该按钮。

现在，有一种方法可以使代码检查是否密码中至少包含5位数字。如果不是，则会显示一条消息，提示他/她必须输入至少5位数字作为密码。

这是我当前用于检查密码的脚本：

   <script>
     $('#password, #password1').on('keyup', function () {
      if (!$('#password').val()) {
        $('#message').html('');
      } else {
          if ($('#password').val() == $('#password1').val()) {
            $('#message').html('Password Match').css('color', 'green');
             $('#submit').prop('disabled', false);
          } else {
            $('#message').html('Password not Match').css('color', 'red');
             $('#submit').prop('disabled', true);
        }
      }
    });
</script>

Answer 1

尝试将以下验证添加到您的代码中

 if ($('#password').val().length < 5) {
                $('#message').html('Password must be at least 5 digits').css('color', 'red');
                $('#submit').prop('disabled', true);
              }

Answer 2

我没有足够的代表评论Nadalini的答案，并且代码仅缺少if条件的一个右括号。我也无法编辑，因为它只是要添加的一个字符。

在进行一些非主题讨论时，我也建议您也考虑在这种情况下使用change事件，因为这可能会阻止用户自动填充表单而不会触发{{1} }函数。：）

ref：Differences between keyup() event and change() event in username live change

在这种情况下，代码可以是：

keyup

因此，在整个验证步骤中，仅当密码至少为5位数字

时，我们才开始与密码匹配

密码确认，不允许输入3位数密码

2 个答案: