`

ExtJs 确认密码验证的两种实现

EXT 
阅读更多

实现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">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码</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表单常见验证小结

    3. 高级自定义密码验证 除了内置的vtype验证,还可以通过自定义函数进行更复杂的验证。例如,我们可以创建一个自定义的`password`验证,检查两次输入的密码是否一致: ```javascript Ext.apply(Ext.form.VTypes, { ...

    ExtJS 轻松搞定

    介绍了ExtJS提供的两个实用函数,用于合并对象或数组,帮助读者理解如何在不覆盖现有属性的情况下更新对象。 ### 第三部分:消息框 #### 一、话说消息框 讲述了消息框在用户交互中的作用,以及在ExtJS中如何使用...

    Extjs表单中的通用组件

    为了确保用户两次输入的密码一致,可以添加一个验证密码框,并通过后端或前端逻辑进行校验。这通常需要额外的逻辑处理,例如使用Extjs的`validator`属性: ```javascript { xtype: 'passwordfield', name: '...

    ExtJS与PHP、MySQL实现存储的方法

    ExtJS是一个强大的JavaScript库,用于构建富客户端应用程序,而PHP是一种广泛使用的服务器端脚本语言,MySQL则是一种关系型数据库管理系统。通过结合这三个技术,我们可以创建一个交互性强且功能丰富的Web应用。 ...

    Ext的FormPanel组件

    // 查看源代码便知,两种方法是一样的 Ext.form.FormPanel = Ext.FormPanel; // 示例:创建一个简单的FormPanel var form1 = new Ext.form.FormPanel({ width: 350, frame: true, // 圆角和浅蓝色背景 renderTo:...

    31总结1

    以上内容涵盖了jQuery EasyUI和ExtJS的组件、JSON对象、B/S架构中的Session机制、Ajax在不同浏览器的实现以及FTP与SFTP的区别。这些知识点在实际的Web开发中非常重要,理解和掌握它们能帮助开发者更高效地构建和维护...

Global site tag (gtag.js) - Google Analytics