javascript - ExtJS 4 密码验证

Question

我正在使用这两个代码块来验证密码字段。当确认字段中的密码不等于第一个字段时，文本框会标记为红色，以便用户知道密码不相等。

现在，我想要完成的事情：只要密码不相等，我想禁用表单的导航按钮。我已经尝试过 clientvalidation 事件，但这只有在您提交表单时才会触发（我没有这样做）。

Ext.apply(Ext.form.VTypes, {
    password : function(val, field) {
        if (field.initialPassField) {
           var pwd = Ext.getCmp(field.initialPassField);
           return (val == pwd.getValue());
        }
        return true;
     },
    passwordText : 'Enter 2 times the same password!'
});

例子：

access.push({
fieldLabel: 'Password',
anchor: '99%',
name: 'passwd',
id: 'passwd',
inputType: 'password',
maxLength: 40,
vtype: 'password'
});

access.push({
fieldLabel: 'Password again',
name: 'passwd1',
id: 'passwd1',
maxLength: 40,
inputType: 'password',
vtype: 'password',
initialPassField: 'passwd'
});

Answer 1

添加到要禁用属性的按钮bindForm: true。它将根据表单的有效性启用/禁用按钮。