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:

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

Thank you

Answer 1

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

I need to override Ext.form.field.Text.getErrors to solve that

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;
    }
});

Here is the complete code http://jsfiddle.net/gajahlemu/SY6WC/