ExtJs 3.2的客户端验证

最新推荐文章于 2025-12-29 09:08:47 发布

最新推荐文章于 2025-12-29 09:08:47 发布 · 172 阅读

文章标签：

#正则表达式 #EXT

IT[挨踢] 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了ExtJs中如何使用regex和vtype进行客户端验证。通过示例展示了如何为TextField设置正则表达式来验证电话号码和手机号码的格式，并利用vtype进行密码一致性检查。

ExtJs提供了许多可在客户端验证的方法，如设置TextField的属性regex或vtype，如：

Ext.apply(Ext.form.VTypes,{
         phone:function(v){
     	       return /^(\d{3,4}-)?\d{7,8})$/.test(v);
        },
  	 phoneText:'电话格式不正确,正确格式如：020-xxxxxxxx',
  	 phoneMask:'/[\d]/i'
        });

在某textfield组件中指定

{
  	       xtype:'textfield',
  	       fieldLabel:'公司电话号码',
  	       allowBlank: false,
  	       id:'tel',
  	       name:'tel',
  	       vtype:'phone'
  	      }

使用regex的方法如下：

{
  	  	   xtype:'textfield',
  	  	   fieldLabel:'联系人手机',
  	  	   allowBlank: false,
  	  	   id:'linkmanPhone',
  	  	   name:'linkmanPhone',
  	  	   regex:new RegExp("\\d{11}"),//验证用的正则表达式
  	  	   regexText:'手机格式不正确，号码11位!'//客户端验证失败时提示信息
  	  	 }

上面的正则表达式并不是完全正确，后面再完善。使用vtype更多用于密码的对比，比如注册时需要输入两次密码，使用vtype可以实现验证两次输入是否相同。
有空，欢迎到[url=http://hongfanshu.blogbus.com/]红番薯[/url]逛逛