ExtJs 表单验证的方法总结

一、基本验证方式,使用 vtype 属性。

1、alpha 只能输入字母,无法输入其他(如数字,特殊符号等)

2、alphanum 只能输入字母和数字,无法输入其他

3、email 验证,要求的格式是:master@weilog.net

4、url 格式验证,要求的格式是:http://www.baidu.com

二、其他方式验证。

1、验证最大最小输入字数。

1 maxLength : 20,//允许输入的最大字符数
2 maxLengthText : "用户帐号最大长度不能超过20个字符!",//提示文本
3 minLength : 3, //允许输入的最少字符数
4 minLengthText : "用户帐号最小长度不能少于3个字符!",//提示文本

注意:中文字符不是两个字符,比如“你好”算2个字符。

2、正则表达式验证。

1 regex : /^(([0-9]+[a-zA-Z]+)|([a-zA-Z]+[0-9]+))$/,
2 regexText : "对不起,用户帐号只能输入字母和数字!",

三、vtype 实现高级验证。

因为 Extjs 的 vtype 只实现了四种基本的验证方式,所有需要自己去创建新的验证方式。

在表单初始化时后面加入代码

1 Ext.apply(Ext.form.VTypes, {
2 verifycustomer : function(value) {//验证方法名
3 //验证方法
4 }
5 });

设置控件的 vtype 属性为自定义的验证方法名和提示文本 vtypeText 属性。

1 vtype : "verifycustomer",
2 vtypeText : "对不起,客户账号已经存在!",

 以上就是项目中一些应用的总结。

posted @   Charles Zhang  阅读(12202)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示