javascript - 如何实时比较 2 个表单输入

Question

我正在尝试比较两个表单输入“密码”和重新输入密码，以确保它们相同。我通过将密码发送到一个单独的 PHP 来验证密码，该 PHP 会回显结果(效果很好)

<script type="text/javascript">
  $(document).ready(function() {
    $('#password_feedback').load('password-check.php').show();

    $('#password_input').keyup(function() {

      $.post('password-check.php', {
          password: form.password.value
        },
        function(result) {
          $('#password_feedback').html(result).show();
        });

    });
  });
</script>

我尝试发送密码并重新输入=密码到 PHP 进行比较，但没有运气。我可以在每次按键时比较两者吗？

Answer 1

您在 PHP 脚本中检查什么？有什么特别可以证明使用 PHP 的合理性吗？

您只需使用 JS 即可做到这一点，不需要 AJAX 部分。

HTML:

<input type="password" id="password">
<input type="password" id="password_cf">    
<div class="result"></div>

JS(jQuery):

$('#password_cf').on('keyup', function(){     

    if($('#password_cf').val()== $('#password').val())
        $('.result').html('They match');
    else
        $('.result').html('They do not match');
});

fiddle :http://jsfiddle.net/2sapjxnu/

您可以使用blur如果您只想在该字段失去焦点时进行检查。它比验证每个键的“响应性”要差一些，但我想性能更高。