欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Extjs表单常见验证小结

程序员文章站 2022-06-24 17:41:44
复制代码 代码如下: //放在onready的function(){}中 ext.quicktips.init(); //为组件提供提示信息功能,form的主要提示信息就是...

qtip-当鼠标移动到控件上面时显示提示;
title-在浏览器的标题显示,但是测试结果是和qtip一样的;
under-在控件的底下显示错误提示;
side-在控件右边显示一个错误图标,鼠标指向图标时显示错误提示. 默认值;
id-[element id]错误提示显示在指定id的html元件中

1.一个最简单的例子:空验证

js代码为:

2.用vtype格式进行简单的验证。
在此举邮件验证的例子,重写上面代码的items配置:

1.alpha //只能输入字母,无法输入其他(如数字,特殊符号等)
2.alphanum//只能输入字母和数字,无法输入其他
3.email//email验证,要求的格式是""
4.url//url格式验证,要求的格式是http://www.baidu.com

3.高级自定义密码验证
前面的验证都是extjs已经提供的,我们也可以自定义验证函数。

4.使用正则表达式验证
相关标签: Extjs 表单验证