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

时间:2013-02-25 10:36:15

标签: jquery input passwords

我想通过删除"密码确认"来进行测试。注册表单上的字段,看看它是否表现更好。

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

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

我测试了直播,但它说密码不匹配。我确实看到#password2在我输入时被提交信息(当显示回到块时),但似乎它会在#password2中输入错误的文本。

那么如何正确重复密码?

2 个答案:

答案 0 :(得分:1)

使用jquery的change事件。

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

我已经在当地测试并且工作正常。

答案 1 :(得分:0)

您也可以使用.on jQuery方法。

$('#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!');
  }
});