Javascript Extjs表单有效性

Javascript Extjs表单有效性,javascript,extjs,Javascript,Extjs,我正在使用Extjs Ext.form.FormPanel创建一个表单,该表单将包含一些字段,如姓名、公司等。这些字段将包含邮政编码和电话号码,让我们看看邮政编码问题,邮政编码可以是5个数字或5个数字加4个字符,我不想为邮政编码创建两个单独的字段,是否有一种方法可以创建一个字段并防止用户错误地输入邮政编码,就像以下jQuery插件所做的那样: ExtJS有,让您可以编写验证代码 更简单:TextFields有一个regex配置选项,强制在验证时进行匹配。 您的正则表达式可以是(假定空格分隔符为a

我正在使用Extjs Ext.form.FormPanel创建一个表单,该表单将包含一些字段,如姓名、公司等。这些字段将包含邮政编码和电话号码,让我们看看邮政编码问题,邮政编码可以是5个数字或5个数字加4个字符,我不想为邮政编码创建两个单独的字段,是否有一种方法可以创建一个字段并防止用户错误地输入邮政编码,就像以下jQuery插件所做的那样:

ExtJS有,让您可以编写验证代码

更简单:
TextField
s有一个
regex
配置选项,强制在验证时进行匹配。 您的正则表达式可以是(假定空格分隔符为a-z,不区分大小写):


如果您打算接受ZIP或ZIP+4,则正则表达式格式应如下所示:

/^\d{5}(?-\d{4})?$

可选的分隔符应该是破折号,四个“字符”应该始终是数字。

好的,这很好,但这并没有给我屏蔽输入,这对用户来说更容易,我发现了一个名为Cherry的extjs插件,它有屏蔽输入功能,但插件的大小约为131KBH,很大,还有其他选择吗?没有使用过,但这里有一个似乎是用ExtJS实现的:否则您可以使用jQuery在Ext.form.TextField(使用输入的id)上实现这一点,并将其包装到vtype中。
/^\d{5}(?-\d{4})?$