Question

I want to implement a password verification using advanced VType on extjs taken from http://dev.sencha.com/deploy/ext-4.0.2a/examples/form/adv-vtypes.html, but look like the confirm password text field does not validate on the change of password text field if the password confirm doesn t have values (if password value is test and confirm password value is blank then the form is valid). I m sure this is not a right thing. How to make/force the confirm password text field to be valid/invalid by following condition:

If password value not equal to confirm password value then confirm password is invalid (even if confirm password value is blank)
If password value is blank and confirm password value is blank to then confirm password is valid
If password value is equal to confirm password value then confirm password is valid

谢谢。

Answer 1

Ok look like I ve solved my own problem. As Molecule Man said it s cannot be achieved (easily).

我必须超越“Ext.form.field”。文本。无法解决这一问题

Ext.form.field.Text.override({
    getErrors: function(value) {
        var me = this,
            errors = me.callParent(arguments),
            validator = me.validator,
            emptyText = me.emptyText,
            allowBlank = me.allowBlank,
            vtype = me.vtype,
            vtypes = Ext.form.field.VTypes,
            regex = me.regex,
            format = Ext.String.format,
            msg;

        value = value || me.processRawValue(me.getRawValue());

        if (Ext.isFunction(validator)) {
            msg = validator.call(me, value);
            if (msg !== true) {
                errors.push(msg);
            }
        }

        if (value.length < 1 || value === emptyText) {
            if (!allowBlank) {
                errors.push(me.blankText);
            }
            //FIX BY ME : NEED TO COMMENT THIS BECAUSE ITS CAN IGNORING VTYPE AS ITS IMMEDIATELY RETURN ERRORS
            //return errors;
        }

        if (value.length < me.minLength) {
            errors.push(format(me.minLengthText, me.minLength));
        }

        if (value.length > me.maxLength) {
            errors.push(format(me.maxLengthText, me.maxLength));
        }

        if (vtype) {
            if(!vtypes[vtype](value, me)){
                errors.push(me.vtypeText || vtypes[vtype + Text ]);
            }
        }

        if (regex && !regex.test(value)) {
            errors.push(me.regexText || me.invalidText);
        }

        return errors;
    }
});

http://jsfiddle.net/gajahlemu/SY6WC/“rel=“nofollow” http://jsfiddle.net/gajahlemu/SY6WC/。

Answer 2

寻找帮助,我找到了一个容易的解决办法。从上述 extjs4 example 只需在交换听众通过现场(......是你们解决办法的复印件+另一个线):

listeners: {  
    change: function(field) {  
        var confirmField = field.up( form ).down( [name=pass-cfrm] );  
        confirmField.allowBlank = (field.value ==   );  // <- the change is here
        confirmField.validate();  
    }  
},

通行证田地的允许出售财产根据通行证场的价值不断变化。如果通行证田空,则通行证(allowBlank = 真实)是任择的,否则就要求(allowBlank = 虚假)

Answer 3

第二点是无法做到的。因为这要求为Blank提供两种投入。而允许Blank则更优先,然后是类型。因此,当一个领域空白,第二个领域没有空白时,由于<代码>allowBlank:真实,空白处将有效(因为它必须无效)。

如果我们放弃第二点,解决办法可能非常容易:

add allowBlank: false to both fields;
revalidate confirm field on password field change

http://jsfiddle.net/molecule/PZ8ay/“rel=“nofollow”>demo。

友情链接