Ext JS, Validate 2 number fields in form with a validator

Ext JS, Validate 2 number fields in form with a validator

This post shows you how you can validate 2 number fields (Ext.form.field.Number) in an Ext JS (4) form.

Validate 2 number fields as alternative to a vtype

This post shows you how you can validate 2 number fields (Ext.form.field.Number) in an Ext JS (4) form.

Usually this is done with a vtype (Ext.form.field.VTypes), but this can be done more easily with the validator config setting.

The validator triggers a function that comes with 2 parameters:

  • the number field (object)
  • the raw value.

It is a bit sad that Sencha didn't think of adding the parent/form as well. I have added a working sample in JSFiddle. To get the first field in a variable, I used:

var form = this.up('form');
var field1 = form.down('#Field1');

Simply using:

var field1 = this.up('#Field1');

doesn't give any results.

Two number fields in a form and the second field (Field Two) have to be equal or smaller than the first field (Field One).

Sencha Fiddle Sample

No comments yet

your email address will not be published. required fields are marked *