ExtJs 3.2的客户端验证-优快云博客

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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]逛逛