EXTJS 验证与表单提交
2010-04-04 16:22
507 查看
自定义验证: //自定义VType类型,验证日期选择范围 Ext.apply(Ext.form.VTypes, { //验证方法 dateRange : function(val, field) { if(field.dateRange){ var beginId = field.dateRange.begin; this.beginField = Ext.getCmp(beginId); var endId = field.dateRange.end; this.endField = Ext.getCmp(endId); var beginDate = this.beginField.getValue(); var endDate = this.endField.getValue(); } if(beginDate <= endDate){ return true; }else{ return false; } }, //验证提示信息 dateRangeText : '开始日期不能大于结束日期' }); 时间比较自定义验证 new Ext.form.DateField({ id:'beginDate', format:'Y年m月d日',//显示日期的格式 width : 150, allowBlank : false,//不允许为空 readOnly:true,//设置只读 value : new Date(),//设置默认值 fieldLabel:'开始日期', dateRange:{begin:'beginDate',end:'endDate'},//用于vtype类型dateRange vtype:'dateRange' }), new Ext.form.DateField({ id:'endDate', format:'Y年m月d日',//显示日期的格式 width : 150, allowBlank : false,//不允许为空 readOnly:true,//设置只读 value : new Date(),//设置默认值 fieldLabel:'结束日期', dateRange:{begin:'beginDate',end:'endDate'},//用于vtype类型dateRange vtype:'dateRange' }) 表单提交加载 buttons:[ new Ext.Button({ text : '加载简介', handler : loadCallBack }) ] }); //表单加载数据的回调函数 function loadCallBack(){ productForm.form.load({ waitMsg : '正在加载产品简介信息',//提示信息 waitTitle : '提示',//标题 url : 'productServer.jsp',//请求的url地址 method:'GET',//请求方式 success:function(form,action){//加载成功的处理函数 Ext.Msg.alert('提示','产品简介加载成功'); }, failure:function(form,action){//加载失败的处理函数 Ext.Msg.alert('提示','产品简介加载失败<br>失败原因:'+action.failureType); } }); } 动态页返回字符 String msg = "{success:true,data:{introduction:'本产品美观实用,售后服务优秀。'}}"; 表单提交 buttons:[ new Ext.Button({ text : '登陆', handler : login }), new Ext.Button({ text : '重置', handler : reset }) ] }) function login(){//提交表单 loginForm.form.submit({ clientValidation:true,//进行客户端验证 waitMsg : '正在登陆系统请稍后',//提示信息 waitTitle : '提示',//标题 url : 'loginServer.jsp',//请求的url地址 method:'GET',//请求方式 success:function(form,action){//加载成功的处理函数 Ext.Msg.alert('提示','系统登陆成功'); }, failure:function(form,action){//加载失败的处理函数 Ext.Msg.alert('提示','系统登陆失败,原因:'+action.failureType); } }); } function reset(){//重置表单 loginForm.form.reset(); } 动态页返回 if(password.length() < 6){//密码不足6位验证失败 msg = "{success:false,errors:{password:'密码不得小于六位数字'}}"; }else{//验证成功 msg = "{success:true}"; }
相关文章推荐
- EXTJS 验证与表单提交
- ExtJS学习笔记3:加载、提交和验证表单
- ExtJS学习笔记3:载入、提交和验证表单
- 深入剖析ExtJS 2.2实现及应用连载(9):表单验证及提交
- Extjs-表单提交 表单验证 表单布局
- 【ExtJs】ExtJs的表单插件与表单布局、提交与验证
- extjs FormPanel更改为普通表单提交,提交到iframe显示
- struts中使用token进行表单重复提交的验证
- ExtJS表单提交与加载全攻略
- extjs 表单验证实例
- js验证表单大全,用JS控制表单提交
- jquery表单验证提交删除
- ThinkPHP表单自动提交验证实例教程
- Extjs表单验证小结
- js表单提交验证
- EasyUI在表单提交之前进行验证的实例代码
- form的onsubmit事件--表单提交前的验证最佳实现方式
- php表单提交时的身份证号码验证
- (表单重复提交)jquery验证 通过时,提交按钮变灰,不通过时正常显示