EXTJS and Reg expression

textField and regular expression? - Ext JS Forums

franklt69 franklt69 is offline
Ext Premium Member

Join Date: Mar 2007
Posts: 607
franklt69 is on a distinguished road
Send a message via Yahoo to franklt69
Default textField and regular expression?
Hi I would like to know how work the textField and regular expression, I am doing it:

var phoneNumberExpr = //(?/d{3}/)?([-///.])/d{3}/1/d{4}/;

new Ext.form.TextField({
fieldLabel: 'Telephone ',
name: 'Telephone',
width:240,
regex: phoneNumberExpr,
regexText: 'the format is xxx-xxxx-xxxxx',
allowBlank:false

}),

but never the validations appear, I am missing something

kind regards
Frank
Reply With Quote
franklt69
View Public Profile
Send a private message to franklt69
Find all posts by franklt69
#2
Old 04-23-2007, 12:22 PM
franklt69 franklt69 is offline
Ext Premium Member

Join Date: Mar 2007
Posts: 607
franklt69 is on a distinguished road
Send a message via Yahoo to franklt69
Default
I did it and work but is always required to make a function validator?

new Ext.form.TextField({
fieldLabel: 'Telephone',
name: 'Telephone',
width:240,
regex: phoneNumberExpr,
invalidText: 'The format is wrong, ie: 305-444-5555',
allowBlank:false,
validator: function(value){
re = new RegExp(phoneNumberExpr);
return re.test(value);

}

}),


kind regards
Frank
Reply With Quote
franklt69
View Public Profile
Send a private message to franklt69
Find all posts by franklt69
#3
Old 04-23-2007, 07:25 PM
jack.slocum's Avatar
jack.slocum jack.slocum is offline
Ext JS - Core Developer

Join Date: Mar 2007
Posts: 6,820
jack.slocum is on a distinguished road
Default
Frank, that should work. I'm not sure about the regex though. One thing you may try is VTypes for that. Something like this in your global Ext config file:

Ext.apply(Ext.form.VTypes, {
'phone': function(){
var re = //(?/d{3}/)?([-///.])/d{3}/1/d{4}/;
return function(v){
return re.test(v);
}
}(),
'phoneText' : 'The format is wrong, ie: 305-444-5555'
});

You could even add a second regexp for masking if you wanted to.

Then on your field:

new Ext.form.TextField({
fieldLabel: 'Telephone',
name: 'Telephone',
width:240,
vtype: 'phone',
....
});

__________________
Jack Slocum
Ext JS - Core Development Team
jack@extjs.com
Reply With Quote
jack.slocum
View Public Profile
Send a private message to jack.slocum
Find all posts by jack.slocum
#4
Old 04-23-2007, 07:33 PM
franklt69 franklt69 is offline
Ext Premium Member

Join Date: Mar 2007
Posts: 607
franklt69 is on a distinguished road
Send a message via Yahoo to franklt69
Default
Thanks, Jack Ext1 support masking I means I can type in textField the phone number and appear the chars (305)203-5555 or I type a IP adrress and appear the dot?
192.168.0.2, its supported in ext1?


kind regards
Frank
Reply With Quote
franklt69
View Public Profile
Send a private message to franklt69
Find all posts by franklt69
#5
Old 04-23-2007, 07:36 PM
jack.slocum's Avatar
jack.slocum jack.slocum is offline
Ext JS - Core Developer

Join Date: Mar 2007
Posts: 6,820
jack.slocum is on a distinguished road
Default
No, the masking is simple - it just prevents invalid keys from being entered.
__________________
Jack Slocum
Ext JS - Core Development Team
jack@extjs.com
Reply With Quote
jack.slocum
View Public Profile
Send a private message to jack.slocum
Find all posts by jack.slocum
#6
Old 04-23-2007, 07:40 PM
franklt69 franklt69 is offline
Ext Premium Member

Join Date: Mar 2007
Posts: 607
franklt69 is on a distinguished road
Send a message via Yahoo to franklt69
Default
Ok, is there some plan to support it in the future?

kind regards
Frank
Reply With Quote
franklt69
View Public Profile
Send a private message to franklt69
Find all posts by franklt69
#7
Old 04-23-2007, 07:43 PM
jack.slocum's Avatar
jack.slocum jack.slocum is offline
Ext JS - Core Developer

Join Date: Mar 2007
Posts: 6,820
jack.slocum is on a distinguished road
Default
It's not planned but it may happen someday.
__________________
Jack Slocum
Ext JS - Core Development Team
jack@extjs.com