Ext.QuickTips.init(); //为组件提供提示信息功能,form的主要提示信息就是客户端验证的错误信息。
Ext.form.Field.prototype.msgTarget='side'; //提示的方式,枚举值为
qtip-当鼠标移动到控件上面时显示提示
title-在浏览器的标题显示,但是测试结果是和qtip一样的
under-在控件的底下显示错误提示
side-在控件右边显示一个错误图标,鼠标指向图标时显示错误提示. 默认值.
id-[element id]错误提示显示在指定id的HTML元件中
1.一个最简单的例子:空验证
//空验证的两个参数
1.allowBlank:false//false则不能为空,默认为tr
2.blankText:string//当为空时的错误提示信息
js代码为:
var form1 = new Ext.form.FormPanel({
width : 350,
renderTo : "form1",
title : "FormPanel",
defaults : {xtype:"textfield",inputType:"password"},
items : [{
id : "blanktest",
fieldLabel : "不能为空",
allowBlank : false,//不允许为空
blankText : "不能为空"//错误提示信息,默认为This field is required!
}]
});
2.用vtype格式进行简单的验证。
在此举邮件验证的例子,重写上面代码的items配置:
items:[{
fieldLabel : "不能为空",
vtype : "email",//email格式验证
vtypeText : "不是有效的邮箱地址",//错误提示信息,默认值我就不说了
id : "blanktest",
anchor : "90%"
}
你可以修改上面的vtype为以下的几种extjs的vtype默认支持的验证:
//form验证中vtype的默认支持类型
1.alpha //只能输入字母,无法输入其他(如数字,特殊符号等)
2.alphanum //只能输入字母和数字,无法输入
Ext.form.Field.prototype.msgTarget='side'; //提示的方式,枚举值为
qtip-当鼠标移动到控件上面时显示提示
title-在浏览器的标题显示,但是测试结果是和qtip一样的
under-在控件的底下显示错误提示
side-在控件右边显示一个错误图标,鼠标指向图标时显示错误提示. 默认值.
id-[element id]错误提示显示在指定id的HTML元件中
1.一个最简单的例子:空验证
//空验证的两个参数
1.allowBlank:false//false则不能为空,默认为tr
2.blankText:string//当为空时的错误提示信息
js代码为:
var form1 = new Ext.form.FormPanel({
width : 350,
renderTo : "form1",
title : "FormPanel",
defaults : {xtype:"textfield",inputType:"password"},
items : [{
id : "blanktest",
fieldLabel : "不能为空",
allowBlank : false,//不允许为空
blankText : "不能为空"//错误提示信息,默认为This field is required!
}]
});
2.用vtype格式进行简单的验证。
在此举邮件验证的例子,重写上面代码的items配置:
items:[{
fieldLabel : "不能为空",
vtype : "email",//email格式验证
vtypeText : "不是有效的邮箱地址",//错误提示信息,默认值我就不说了
id : "blanktest",
anchor : "90%"
}
你可以修改上面的vtype为以下的几种extjs的vtype默认支持的验证:
//form验证中vtype的默认支持类型
1.alpha //只能输入字母,无法输入其他(如数字,特殊符号等)
2.alphanum //只能输入字母和数字,无法输入