EXTJS 验证与表单提交

自定义验证： //自定义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}"; }

转载于:https://www.cnblogs.com/johan/archive/2010/04/04/1947983.html