TextField and MaskRe

[medley]

Hello,

I would like to have an input mask for : PE123.456
The first letter has always to be the letter P and The second letter has always to be the letter E.
After I have 3 digits, a dot and 3 digits again.

Thanks for help
Medley

[Condor]

Use:

/^PE[0-9]{3}\.[0-9]{3}$/

[medley]

I tried it in my code.
But it is impossible to enter a value. Firefox 3 or I7. Same behaviour.

items: [{
                    xtype:'textfield',
                    fieldLabel: TOP.displayReportDetails.field.report.numeroPE,
                    name: 'peNumber',
                    width : 75,
                    maskRe : /^PE[0-9]{3}\.[0-9]{3}$/
                }]

[mystix]

maskRe restricts character input to the characters specified. e.g. maskRe: /[a-z]/ restricts character input to only lowercase alphabets.

won't work for your case.

p.s. seems like the only thing that will be accepted is a single regex character class.

[medley]

And by using regex, how to have the same result ?
I don't know how works regex.

Medley

[mystix]

you can't. not with a normal TextField as far as i can see.

closest thing to filtering keystrokes you could do now is:

// restrict character input to only 'P', 'E', digits and the decimal point
maskRe: /[PE0-9.]/

[edit]
hold on.. i think i just thought of something.. let me whip something up

[mystix]

try this

Ext.onReady(function() {
  Ext.QuickTips.init();

  new Ext.form.TextField({
    maskRe: /[PE0-9.]/,
    validator: function(v) {
      return /PE[0-9]{3}\.[0-9]{3}/.test(v)? true : 'Entered text must be of the form PExxx.xxx, where x represent digits 0-9.';
    },
    renderTo: document.body
  });
});

[Condor]

Correct, you can't use that as a maskRe. Use the following vtype instead:

var peNumberTest = /^PE[0-9]{3}\.[0-9]{3}$/;
Ext.apply(Ext.form.VTypes, {
	peNumber: function(v) {
		return peNumberTest.test(v);
	},
	peNumberText: 'Invalid PE number',
	peNumberMask: /[PE0-9.]/
});

...

items: [{
	xtype: 'textfield',
	vtype: 'peNumber',
	...
}]

[medley]

Is it possible to block the input to n characters ?
In my case, for example, I don't want to allow to enter more than 9 characters for the field peNumber.

[mystix]

http://extjs.com/forum/showthread.php?p=83893