How do I restrict certain characters in an ext js textbox?

Question

How do I restrict certain characters in an ext js textbox?

how to restrict certain characters (like apostrophe,!, ^, etc.) in an ext js textbox for input with keystrokes? I used below code which only allows the specified characters

{
xtype:"textfield",
maskRe: new RegExp("[a-zA-Z1-9_\s@#$&~`]+$"),
allowBlank : false
}

+3

javascript regex extjs

Arnav Joshi May 19 '15 at 7:10

source to share

3 answers

You need to add the beginning of the ^

anchor line so that it checks for exact line matches, and also you need to escape the backslash again.

new RegExp("^[a-zA-Z1-9_\\s@#$&~`]+$")

+2

Avinash Raj May 19 '15 at 7:16

source to share

You can reference vtype properties for Ext Js TextField component. vtype

+1

Hard Developer May 19 '15 at 7:22

source to share

matt · Accepted Answer · 2015-05-19T07:55:41+0000

To specify restricted characters instead of valid characters, simply enclose ^

in square brackets, which means "any character except ...":

maskRe: /[^!\^]/

(= any character except !

and ^

)

Also see this fiddle .

Also note that it is not necessary to use operators such as +

, ^

and $

, because the regexp used with is maskRe

checked for every single character that needs to be entered, not the field value.

How do I restrict certain characters in an ext js textbox?

More articles: