日期:2014-05-16  浏览次数:20382 次

ExtJs 3.2的客户端验证
      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可以实现验证两次输入是否相同。
        有空,欢迎到红番薯逛逛