一、表单验证错误提示方式
Ext.QuickTips.init(); //为Ext组件提供提示信息功能
Ext.form.Field.prototype.msgTarget='side'; //指示错误出现的方式
qtip-当鼠标移动到控件上面时显示提示 //默认值为qtip,该方式须声明Ext.QuickTips.init(); 进行初始化
title-在浏览器的标题显示
under-在控件的底下显示错误提示
side-在控件右边显示一个错误图标,鼠标指向图标时显示错误提示. 默认值.
id-[element id]错误提示显示在指定id的HTML元件中
二、Extj自带验证方式
(1)基本方式
allowBlank : Boolean //控件是否为空
blankText : String//为空时提示信息
minLength : Number //最短长度
minLengthText : String
maxLength : Number
maxLengthText : String//最长长度
(2)正则表达式
{//联系人手机 fieldLabel : '联系人手机电话', xtype : 'textfield', width:'250px', emptyText : '请输入联系人手机号码', name : 'cellphone', allowBlank : false, blankText : '手机号码不能为空', minLength : 11, minLengthText : '联系人手机长度不得小于11个字符长度', regex : /^1(3|5|8)[0-9]{9}$/, regexText:'请输入正确的电话格式' },
(3)vtype方式
例如:Ext.form.VTypes中提供了几个常用的验证方式,上述控件中添加属性vtype:'email'也可以自己写验证。
(4)validator编写自定义函数验证validator : Function
例如:
{//邮箱地址 fieldLabel : '邮箱地址', xtype : 'textfield', emptyText : '请输入邮箱地址', name : 'email', id:'emailId', allowBlank : false, width:'250px', blankText : '邮箱地址不能为空', invalidText:'该邮箱已经被注册', validationEvent : 'blur', validator : function(){ Ext.Ajax.request({ url : 'checkRegEmail.do', params : {email:Ext.getCmp("emailId").getValue()}, scope : true, method : 'POST', callback : function(options,success,response){ if(success) { var data = eval(response.responseText); if(response.responseText=="true"){ returnValue(false); } else if(response.responseText=="false"){ returnValue(true); } } } }); function returnValue(ok){ IsExist = ok; } return IsExist; }//end_validator
上述第4中方式注意以下几点
(1)该验证使用的是同步请求,如果采用异步请求,Ext会不等待异步返回值,直接返回false,校验函数会一直返回false,
(2)returnValue函数的作用同样可保证验证函数在特定的时机内返回如validationEvent : 'blur',
(3)extjs3的同步请求方法见:http://lovezehui.iteye.com/admin/blogs/2065387
相关推荐
extjs 3.3.1 中文 3.3 api extjs(2.x++3.x)主题大全
extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台
extjs4 + struct+ spring + hibernate 搭建后台。
前端使用Extjs后台使用spring mvc 数据访问层使用hibernate 数据库使用mysql,是学习extjs、spring mvc以及hibernate的比较好的例子,希望能帮到各位。
Extjs验证 Extjs验证Extjs验证 Extjs验证Extjs验证 Extjs验证Extjs验证 Extjs验证
Extjs+hibernate+struts2+spring案例大全源代码,适合初学者下载使用,欢迎大家下载,欢迎大家交流
ExtJSweb 开发指南中的 简单图书管理系统 ExtJS3.0+spring+hibernate+struts
Extjs4登录功能+验证码+struts2
extjs 轻松搞定EXTJS.pdf +很多DEMO 高清 高质量 案例
Ext各种组件的使用实例,Extjs tree+grid+form+panel 使用实例
extjs+struts2+hibernate+json登录程序,主要讲解struts2配置JSON与前台extjs通信,异步数据交换,很强大
extjs+实例+管理系统+学习extjs的好例子
ExtJs-4.1.1a-gpl+中午手册+入门教程
ExtJs+struts2+ hibernate+ spring搭建的图书管理系统
上网找资料,都是一些不全的. struts2+extjs2.1+json+hibernate+spring 自己整合的例子. 当中hibernate数据源可以配置自己的.后台输送json 前台接收.
Extjs+SpringMVC+MyBaits财务管控系统
extjs视频教程,基于spring+springMvc+mybatis框架开发,适合初学者,跟着视频教程入门
ExtJs+struts2+hibernate+spring的图书管理系统,可作为毕业设计使用,供大家一起参考学习为。
最新SSH集成+Extjs5+struts2.3.20+hibernate4.3.8+spring4.1.4 包括动态菜单配置功能