Ext.apply(Ext.form.VTypes, { match: function(value, field){ if (field.matchField) { var form = field.findParentByType(‘form’); var f; if (form && form.getForm() && (f = form.getForm().findField(field.matchField))) { if (value == f.getValue()){ f.clearInvalid(); return true; } // else if (field.matchInvalidText) this.matchText = field.matchInvalidText; f.markInvalid(this.matchText); } return false; }

    return (true);
},
matchText: 'Values do not match'

});

So I wrote similar to yours:

[code] Ext.apply(Ext.form.VTypes, { match: function(value, field){ if (field.matchField) { var form = field.findParentByType('form'); var f; if (form && form.getForm() && (f = form.getForm().findField(field.matchField))) { if (value == f.getValue()) return true; // else if (field.matchInvalidText) this.matchText = field.matchInvalidText; f.markInvalid(this.matchText); } return false; }

    return (true);
},
matchText: 'Values do not match'

}); [/code]

Useage: [code] { fieldLabel: 'New password', xtype: 'textfield', anchor: '100%', inputType: 'password', name: 'password', vtype: 'match', matchField: 'password2', matchInvalidText: 'Passwords do not match' }, { fieldLabel: 'Confirm password', xtype: 'textfield', anchor: '100%', inputType: 'password', name: 'password2', vtype: 'match', matchField: 'password', matchInvalidText: 'Passwords do not match' } [/code]

The benefit is: * It doesn’t require fields to have IDs (which is importaint if you may have many password fields at once). Both fields must be within the same FormPanel. * customizable mismatch text.

Cheerz ^_^

This works better (but the regex needs to be added back in.)

Ext.apply(Ext.form.VTypes, { password: function(value, field){ var valid = false;

if (field.matches){
  var otherField = Ext.getCmp(field.matches);

  if(value == otherField.getValue())
  {
    otherField.clearInvalid();
    valid = true;
  }
}

return valid;

},

passwordText: ‘Passwords do not match.’, });

With the following items:

    fieldLabel:       'Password',
    id:               'password',
    name:             'password',
    inputType:        'password',
    allowBlank:       false,
    minLength:        5,
    minLengthText:    'Must be between 5-20 characters',
    maxLength:        20,
    maxLengthText:    'Must be between 5-20 characters',
    vtype:            'password',
    matches:          'password2'
  },{
    fieldLabel:       'Password (Confirm)',
    id:               'password2',
    name:             'password2',
    inputType:        'password',
    allowBlank:       false,
    minLength:        5,
    minLengthText:    'Must be between 5-20 characters',
    maxLength:        20,
    maxLengthText:    'Must be between 5-20 characters',
    vtype:            'password',
    matches:          'password'

Regards,

Eric

In the above example, if the password is entered and then confirmed, and then the user goes back to the first to edit it, the validation fails to notice they no longer match.

Eric