博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ExtJs表单验证的方法总结
阅读量:6828 次
发布时间:2019-06-26

本文共 693 字,大约阅读时间需要 2 分钟。

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

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

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

3.email验证,要求的格式是

4.url格式验证,要求的格式是

二、其他方式验证。

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 : "对不起,客户账号已经存在!",

 

转载地址:http://fkykl.baihongyu.com/

你可能感兴趣的文章
Sonar+maven+jenkins集成,Java代码走查
查看>>
js中点击返回顶部
查看>>
Gtest源码剖析:1.实现一个超级简单的测试框架xtest
查看>>
第三方模块的安装
查看>>
Terracotta中锁与性能的问题
查看>>
遇到Linux系统安装时窗口过大,按钮点不到,该怎么解决
查看>>
js 判断输入是否为正整数
查看>>
「收藏」一些有趣的图
查看>>
探索虚函数(二)
查看>>
李青云老人的长寿秘诀【转】
查看>>
Springboot Thymeleaf 发邮件 将html内容展示在邮件内容中
查看>>
BZOJ2434:[NOI2011]阿狸的打字机——题解
查看>>
第5件事 做一个有taste的产品人
查看>>
暂时记录
查看>>
MicroPython开发之物联网快速开发板
查看>>
Mysql分布式部署高可用集群方案
查看>>
PHP中常用的输出语句比较?
查看>>
android setBackgroundColor
查看>>
UVa11181 条件概率
查看>>
<Linux> xm 命令
查看>>