TextField AllowBlank to trim spaces

[dviry]

Couldn't find this anywhere, so I thought I'd post it... The AllowBlank parameter on TextFields doesn't trim spaces before validating, and as such would allow empty values. This will make a global validator in such cases:

Ext.apply(Ext.form.TextField.prototype,{ 
    validator:function(text){
        if(this.allowBlank==false && Ext.util.Format.trim(text).length==0)
          return false;
        else
          return true;
    }
});

[tarini]

thanks it works very well...

I think its better to use Ext.override instead of Ext.apply

Ext.override(Ext.form.TextField, { 
    validator:function(text){
        if(this.allowBlank==false && Ext.util.Format.trim(text).length==0)
          return false;
        else
          return true;
    }
}); 

[extjs_new]

hi tarini,

How can I use this? suppose I hava a textfield:

 NameField = new Ext.form.TextField({
    id: 'NameField',
    fieldLabel: 'Name',    
    maxLength: 20,
    allowBlank: false,    
    anchor : '95%',   
    itemCls: 'required',
    maskRe: /([a-zA-Z0-9\s]+)$/  
      }); 

[Condor]

Wouldn't it be easier to simply use

stripCharsRe: /(^\s+|\s+$)/g

in the TextField config?

(this strips leading and trailing spaces from the result, so this also changes the value!)

[vtmoren]

Is there a way to add a delay period before the stripping of chars (in this case spaces) occurs (ex: wait until end-user stops typing)?

[vtmoren]

Nevermind...
Added validationDelay: config option to my TextField and it worked with no problem!

[Acmeous]

Good to know about the validationDelay. Its really required to improve the User Experience.
Thanks

[riuslex]

@ extjs_new

If you need this for all fields, not only those with allowblank=false then use this:

Ext.override(Ext.form.TextField, {
    validator:function(text){
        return (text.length==0 || Ext.util.Format.trim(text).length!=0);
    }
});

Validator receives true when field contains only blanks

This will be valid for all textfields you define, you don't need to enter any other property.
The text.length==0 tests if the field isn't empty. If the field is not empty, but after trimming is empty then you have blanks so the validator receives false.