ExtJs表单验证的方法总结
2014-02-21 16:06
225 查看
一、基本验证方式,使用vtype属性。
1.alpha只能输入字母,无法输入其他(如数字,特殊符号等)
2.alphanum只能输入字母和数字,无法输入其他
3.email验证,要求的格式是master@weilog.net
4.url格式验证,要求的格式是http://www.baidu.com
二、其他方式验证。
1.验证最大最小输入字数。
注意:中文字符不是两个字符,比如“你好”算2个字符。
2.正则表达式验证。
三、vtype实现高级验证。
因为Extjs的vtype只实现了四种基本的验证方式,所有需要自己去创建新的验证方式。
在表单初始化时后面加入代码
设置控件的vtype属性为自定义的验证方法名和提示文本vtypeText属性。
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 : "对不起,客户账号已经存在!",
相关文章推荐
- ExtJs表单验证的方法总结
- ExtJs表单验证的方法总结
- ExtJs表单验证的方法总结
- SharePoint2010基于表单验证方法总结(转载)
- ExtJs常用验证表单的方法
- Extjs form validate 表单验证总结
- JS常用表单验证方法总结
- 表单提交总结(一):表单的提交及验证方法
- 【JS】关于表单提交前验证的方法和可能遇到的问题总结
- Extjs form validate 表单验证 代码 总结 心得
- ExtJs表单验证总结
- JS常用表单验证方法总结
- EXTJS 学习总结(4-2) FormPanel中控件的验证方法
- EXTJS 表单验证方法大全
- struts验证、jsp表单验证、action验证方法总结
- 使用JS对form的内容验证失败后阻止提交 &&js校验表单后提交表单的三种方法总结
- 基于pc端 jQuery.validator.js form表单验证方法总结
- Extjs表单验证的编写方法及vtypes集合
- js对表单元素访问的方法总结
- 总结所有的javascript验证方法大全