首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Ext 应验

2012-11-23 
Ext 验证关于Ext的验证其实很简单,不知道大家是否看过Ext的例子,它提供的adv-vtypes这个例子是一个很好的E

Ext 验证

关于Ext的验证其实很简单,不知道大家是否看过Ext的例子,它提供的adv-vtypes这个例子是一个很好的Ext验证入门工具。通过这个例子我们可以知道Ext验证所用的机制是调用我们自己定义的函数进行验证的,而它自带的验证方法太少。于是我结合validation.js做了一个Ext的validation希望对大家有所帮助。

?

Ext.apply(Ext.form.VTypes, {  password: function(val, field)   {    if (field.initialPassField)     {      var pwd = Ext.getCmp(field.initialPassField);      return (val == pwd.getValue());    }    return true;  },  passwordText: '两次输入的密码不一致!',    chinese:function(val,field)  {  var reg = /^[\u4e00-\u9fa5]+$/i;  if(!reg.test(val))  {  return false;  }  return true;  },  chineseText:'请输入中文',    age:function(val,field)  {  try  {  if(parseInt(val) >= 18 && parseInt(val) <= 100)  return true;  return false;  }  catch(err)   {  return false;  }  },  ageText:'年龄输入有误',    alphanum:function(val,field)  {  try  {  if(!/\W/.test(val))  return true;  return false;  }  catch(e)  {  return false;  }  },  alphanumText:'请输入英文字母或是数字,其它字符是不允许的.',    url:function(val,field)  {  try  {  if(/^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+)(:(\d+))?\/?/i.test(val))  return true;  return false;  }  catch(e)  {  return false;  }  },  urlText:'请输入有效的URL地址.',    max:function(val,field)  {  try  {  if(parseFloat(val) <= parseFloat(field.max))  return true;  return false;  }  catch(e)  {  return false;  }  },  maxText:'超过最大值',    min:function(val,field)  {  try  {  if(parseFloat(val) >= parseFloat(field.min))  return true;  return false;  }  catch(e)  {  return false;  }  },  minText:'小于最小值',      datecn:function(val,field)  {  try  {  var regex = /^(\d{4})-(\d{2})-(\d{2})$/;if(!regex.test(val)) return false;var d = new Date(val.replace(regex, '$1/$2/$3'));return (parseInt(RegExp.$2, 10) == (1+d.getMonth())) && (parseInt(RegExp.$3, 10) == d.getDate())&&(parseInt(RegExp.$1, 10) == d.getFullYear());  }  catch(e)  {  return false;  }  },  datecnText:'请使用这样的日期格式: yyyy-mm-dd. 例如:2008-06-20.',    integer:function(val,field)  {  try  {  if(/^[-+]?[\d]+$/.test(val))  return true;  return false;  }  catch(e)  {  return false;  }  },  integerText:'请输入正确的整数',    minlength:function(val,field)  {  try  {  if(val.length >= parseInt(field.minlen))  return true;  return false  }  catch(e)  {  return false;  }  },  minlengthText:'长度过小',    maxlength:function(val,field)  {   try   {   if(val.length <= parseInt(field.maxlen))   return true;   return false;   }   catch(e)   {   return false;   }  },  maxlengthText:'长度过大',    ip:function(val,field)  {  try  {  if((/^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/.test(val)))  return true;  return false;  }  catch(e)  {  return false;  }  },  ipText:'请输入正确的IP地址',    phone:function(val,field)  {  try  {  if(/^((0[1-9]{3})?(0[12][0-9])?[-])?\d{6,8}$/.test(val))  return true;  return false;  }  catch(e)  {  return false;  }  },  phoneText:'请输入正确的电话号码,如:0920-29392929',    mobilephone:function(val,field)  {  try  {  if(/(^0?[1][35][0-9]{9}$)/.test(val))  return true;  return false;  }  catch(e)  {  return false;  }  },  mobilephoneText:'请输入正确的手机号码',    alpha:function(val,field)  {  try  {  if( /^[a-zA-Z]+$/.test(val))  return true;  return false;  }  catch(e)  {  return false;  }  },  alphaText:'请输入英文字母'});

?注:如果想在页面上显示中文,请使用UTF-8编码。

这段代码我初步试了一下,并没有都试,大家可以试试,看看好用不。如果有什么错误,也请大家提出自己的想法,或者贴一下改进代码。

1 楼 tubinee 2008-06-20   支持!!!

一个提议:
考虑做个可以从server端验证的vtype、 2 楼 techno_it 2008-06-20   tubinee 写道支持!!!

一个提议:
考虑做个可以从server端验证的vtype、你是说Ajax方式的验证?

热点排行