ExtJS 学习篇-------表单

最新推荐文章于 2025-08-18 22:47:43 发布

原创最新推荐文章于 2025-08-18 22:47:43 发布 · 316 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #regex #function #java

本文介绍了如何在EXTJS中实现表单验证，包括使用正则表达式验证用户名和自定义密码一致性验证，以及如何在提交后进行转向。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

EXTJS 提供一些from表单的验证！我用的正则，需要什么要的写什么样的！

下面是我写的示例：

   var username = new Ext.form.TextField({
   fieldLabel : '姓名',
xtype : "textfield",
name : "name",
id: 'username',
allowBlank : false,
blankText : '注册用户名不能为空',
regex : /^[a-zA-Z\xa0-\xff_][0-9a-zA-Z\xa0-\xff_]{6,12}$/,
regexText : '用户名不合法(必须以字母开头,长度6-12位)!',//验证错误之后的提示信息
emptyText : '填写用户名',
invalidText : '用户名已经被注册!',
width : 200
   });

关于密码的一致性验证，自定义的验一个证类型vtype：

//vtype:"password"//用法

Ext.apply(Ext.form.VTypes, {
password : function(val, field) {// val指这里的文本框值，field指这个文本框组件，大家要明白这个意思
if (field.confirmTo) {// confirmTo是我们自定义的配置参数，一般用来保存另外的组件的id值
var pwd = Ext.get(field.confirmTo);// 取得confirmTo的那个id的值
return (val == pwd.getValue());
}
return true;
}
});

submit提交，必须返回一个success =true，才行！

可以在java代码里定义一个success，返回为true，为成功！为了这个问题我头疼了好久！

好有个提交后转向的问题，定义一个message=“要跳转的页面”，

然后在Extjs的success 里返回 location=“message”，成功登陆的话，就会跳转！