jquery - 动态设置“确认密码”的值等于第一个密码字段

Question

我想通过去掉注册表单上的“密码确认”字段来运行测试，看看没有它是否表现更好。

在我的 A/B 测试解决方案中，我通过 jquery 将第二个密码输入显示属性值设置为无：

$('#password').keypress(function() {
    $('#password2').val($(this).val());
});

我进行了现场测试，但它说密码不匹配。我确实看到 #password2 在我键入时包含信息（当将显示设置回阻止时），但它似乎会在 #password2 中输入错误的文本。

那么如何正确重复密码呢？

Answer 1

使用changejquery的事件。

$('#password').change(function() {
    $('#password2').val($(this).val());
});

我已经在本地进行了测试，并且工作正常。

Answer 2

您也可以使用.onjQuery 方法。

$('#password').on('change',(function()
{
    $('#password2').val($(this).val());
});

( .on... 是非常新的 (jQuery 1.7)，它可以使用委托事件覆盖实时场景，这是一种更快的附加行为方式。

官方文档：http ://api.jquery.com/on/

事件on()处理程序旨在替换.bind()和.delegate()事件处理程序。

您还可以使用 eventsMap 来指定附加到一个元素的多个事件。

$('#password').on({
  change: function() {
    event.preventDefault();
    $('#password2').val($(this).val());
  },
  click: function() {
    console.log('clicked!');
  }
});