[ExtJS]Extjs form 表单验证的四种形式
1.最简单的:空验证
2.用vtype格式进行简单的验证。
你可以修改上面的vtype为以下的几种extjs的vtype默认支持的验证:
1.alpha //只能输入字母,无法输入其他(如数字,特殊符号等)
2.alphanum //只能输入字母和数字,无法输入其他
3.email
4.url
3.自定义验证函数
举例://先用Ext.apply方法添加自定义的pwconfirm验证函数
Ext.apply(Ext.form.VTypes,{
pwconfirm:function(val,field){ //val指这里的文本框值,field指这个文本框组件
if(field.confirmTo){ //confirmTo是我们自定义的配置参数,一般用来保存另外的组件的id值
var pwd=Ext.get(field.confirmTo); //取得confirmTo的那个id的值
return (val==pwd.getValue());
}
return true;
}
});
//配置items参数
items:[ { fieldLabel : "密码", id : "pass1",},
{ fieldLabel : "确认密码", id: "pass2",vtype : "pwconfirm", vtypeText : "两次密码不一致!",confirmTo: "pass1"}
]
4.正则表达式验证
通过使用正则表达式,可以:
- 测试字符串内的模式。
- 替换文本。识别文档中的特定文本,完全删除该文本或者用其他文本替换它
- 基于模式匹配从字符串中提取子字符串。