您的位置:首页 > Web前端 > JavaScript

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}";
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: