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

ExtJs 确认密码验证的实现

2013-05-22 14:07 357 查看
实现1:

*************************************************

Ext.apply(Ext.form.VTypes, {
confirmPwd : function(val, field) {
if (field.confirmPwd) {
var firstPwdId = field.confirmPwd.first;
var secondPwdId = field.confirmPwd.second;
this.firstField = Ext.getCmp(firstPwdId);
this.secondField = Ext.getCmp(secondPwdId);
var firstPwd = this.firstField.getValue();
var secondPwd = this.secondField.getValue();
if (firstPwd == secondPwd) {
return true;
} else {
return false;
}
}
},
confirmPwdText : '两次输入的密码不一致!'
});

================================================

{
id : 'password',
name : 'password',
width : 140,
fieldLabel : '<font color="red">密      码</font>',
// confirmPwd : {
// first : 'password',
// second : 'confirmPassword'
// },
// inputType : 'password',
// vtype : 'confirmPwd',
allowBlank : false,
blankText : '密码不能为空',
regex : /^[\s\S]{0,20}$/,
regexText : '密码长度不能超过20个字符'
}, {
id : 'confirmPassword',
name : 'confirmPassword',
width : 140,
fieldLabel : '<font color="red">确认密码</font>',
confirmPwd : {
first : 'password',
second : 'confirmPassword'
},
// inputType : 'password',
vtype : 'confirmPwd',
allowBlank : false,
blankText : '确认密码不能为空',
regex : /^[\s\S]{0,20}$/,
regexText : '确认密码长度不能超过20个字符'
}

-----------------------------------------------------------------------------------------------------

实现2:

*************************************************

Ext.apply(Ext.form.VTypes, {
password : function(val, field) {
if (field.initialPassField) {
var pwd = Ext.getCmp(field.initialPassField);
return (val == pwd.getValue());
}
return true;
},
passwordText : '两次输入的密码不一致!'
});

=================================================

{
id : 'newPwd',
name : 'newPwd',
width : 140,
inputType : 'password',
fieldLabel : '<font color="red">新 密 码</font>',
allowBlank : false,
blankText : '新密码不能为空',
regex : /^[\s\S]{0,12}$/,
regexText : '新密码长度不能超过12个字符'
}, {
name : 'confirmPwd',
width : 140,
inputType : 'password',
fieldLabel : '<font color="red">确认密码</font>',
vtype : 'password',
initialPassField : 'newPwd',
allowBlank : false,
blankText : '确认密码不能为空',
regex : /^[\s\S]{0,12}$/,
regexText : '旧密码长度不能超过12个字符'
}

=================================================

相关阅读:

ExtJs 确认密码验证的两种实现 http://taink.iteye.com/blog/618214
ExtJS中表单验证使用自定义vtype示例 http://www.cnblogs.com/buzz/archive/2009/03/31/1425794.html
Ext JS 中实现自定义验证 密码修改 确认密码 http://floger.iteye.com/blog/599614
Ext JS 中实现自定义验证 密码修改 确认密码 http://blog.csdn.net/ttgzs/article/details/4239025
Extjs用户注册界面设计,包括密码,邮箱等匹配和验证 http://hi.baidu.com/pekdou/item/108039cc978b4fccef183b78
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: