Jquery/Javascript检查键盘触摸上的输入字段

Question

我一直在谷歌搜索得到答案,但我找不到我想要的东西.不确定我输错了我的问题,但我会试着解释一下.

我想要实现的是:一旦用户输入,我希望我的脚本运行,所以当2个密码相等时,我的按钮启用.一旦密码彼此相等,该按钮就会启用.如果没有,该按钮将被禁用.

function test123() {
       var pw1 = $('#pw1').val();
       var pw2 = $('#pw2').val();

       if (pw1 == pw2) {
             console.log('Valid!');
         } else {
             console.log('Not valid!');
         }

         }

<div id='register-div'>
       <form method='POST' action='javascript:test123()'>
           <input name='username' type='text' placeholder='username'>
           <input id='pw1' name='password' type='password' placeholder='password'>
           <input id='pw2' name='password2' type='password' 
           placeholder='password_again'>
           <button type='submit'><a> REGISTER </a></button>
   </form>
   </div>

Answer 1

要实现此目的,您可以input使用不显眼的JS 将事件绑定到密码字段.然后,如果值匹配prop('disabled'),则可以启用/禁用按钮,如下所示:

$('#pw1, #pw2').on('input', function() {
  var pw1 = $('#pw1').val();
  var pw2 = $('#pw2').val();

  $('button').prop('disabled', pw1 != pw2);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="register-div">
  <form method="POST">
    <input name="username" type="text" placeholder="username">
    <input id="pw1" name="password" type="password" placeholder="password">
    <input id="pw2" name="password2" type="password" placeholder="password_again">
    <button type="submit" disabled="true">REGISTER</button>
  </form>
</div>

另请注意,我删除了<a>您放置在其中的元素<button>,因为它不是有效的HTML.