`

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 自定义验证

    extjs验证 extjs验证 extjs验证 extjs验证extjs验证 extjs验证 extjs验证 extjs验证

    extjs实现登陆验证

    ### ExtJS实现登录验证 #### 核心概念与流程 1. **初始化快速提示**:`Ext.QuickTips.init();` 这一行代码用于初始化ExtJS中的快速提示功能,当用户鼠标悬停在某些元素上时,可以显示提示信息,这对于提高用户体验...

    ExtJS弹出密码输入框的js文件

    通过这个修改后的`Ext.MessageBox.prompt`,开发者可以更安全地在ExtJS应用程序中实现密码输入功能,而无需自己编写复杂的加密和验证逻辑。这种封装和复用代码的方式是软件开发中的最佳实践,可以提高代码的可维护性...

    Extjs验证表单 Extjs验证表单

    Extjs作为一种强大的JavaScript框架,提供了丰富的功能来帮助开发者轻松实现客户端验证。本文将深入探讨Extjs中的表单验证机制,包括错误信息提示方式、内置验证属性、Vtype验证以及自定义验证方法。 #### 二、...

    extjs表单验证特殊字符

    EXTJS提供了一种强大的方式来实现客户端验证,这可以帮助开发者在用户提交数据前检查输入的有效性,从而减少服务器端的压力并提高用户体验。本文将深入探讨EXTJS中的表单验证,特别是针对特殊字符的验证。 EXTJS...

    ExtJS验证上传文件类型

    ExtJS 验证上传文件类型 ExtJS 中实现文件上传功能是非常方便的,但对于新手来说,控制文件上传类型是一个难题。例如,我们只想让用户上传特定的文件类型,例如txt文件,那么如何实现当用户上传非txt文件时,给出...

    Extjs表单常见验证小结

    在ExtJS中,可以通过设置`allowBlank`属性来实现空验证。如果`allowBlank`设为`false`,那么该字段必须包含非空值。例如: ```javascript { fieldLabel: "不能为空", allowBlank: false, blankText: "不能为空" ...

    Extjs实现用户登录

    在本文中,我们将深入探讨如何使用ExtJS框架实现一个用户登录功能。ExtJS是一个流行的JavaScript库,用于构建富客户端Web应用程序。以下是如何使用ExtJS创建一个简单的登录界面和处理登录逻辑的步骤。 首先,我们来...

    ExtJS+FusionCharts结合的两种方法

    标题中的“ExtJS+FusionCharts结合的两种方法”是指在Web开发中,如何将ExtJS框架与FusionCharts图表库结合起来使用,以实现交互式的、数据丰富的可视化界面。ExtJS是一个强大的JavaScript库,用于构建复杂的用户...

    dojochina-extjs视频密码

    根据提供的信息,我们可以推断出该内容涉及到一个与dojochina-extjs相关的视频资源及其解压密码。这里的关键信息包括了标题、描述以及一系列...对于那些希望学习这两种框架的人来说,这些视频资源无疑是非常宝贵的。

    Extjs 轻松实现下拉框联动

    最近小弟做了Extjs实现实现下拉框联动的效果,参考了好久才学会,闲下来发一个简单的例子。。呵呵

    ssh+extjs全注解登陆实现,包含验证码和记住用户名等

    5. **前端验证**:使用ExtJS内置的验证功能,对用户输入的数据进行检查,例如非空验证、格式验证等。 6. **后端验证**:处理来自前端的登录请求,包括验证用户名、密码、验证码,并处理“记住用户名”的逻辑。 7. **...

    ExtJS4+JSON+Servlet(Struts2)实现登录验证

    在IT行业中,构建Web应用程序是常见的任务,而“ExtJS4+JSON+Servlet(Struts2)实现登录验证”是一个典型的前端与后端交互的场景。这个主题涉及到几个关键的技术点,我们将逐一深入探讨。 首先,ExtJS4是一个流行的...

    extjs实现权限拦截

    在“ExtJS实现权限拦截”的主题中,我们将深入探讨如何结合这两个技术来实现用户登录验证以及基于角色的权限控制。 1. **ExtJS 登录界面** 在前端,ExtJS可以创建美观且功能丰富的登录界面。通过使用FormPanel组件...

    Extjs经典皮肤(N种)

    EXTJS是一种基于JavaScript的富客户端应用开发框架,它提供了丰富的组件库和强大的数据管理功能,使得开发者能够构建出复杂的Web应用程序。"Extjs经典皮肤(N种)"是指EXTJS框架中的多种不同风格的用户界面外观,这些...

    ExtjS实现聊天功能

    ExtJS是一种基于JavaScript的富客户端应用开发框架,由Sencha公司开发。它提供了一套完整的组件模型、数据绑定、布局管理以及丰富的图表和表格功能,用于构建复杂的Web应用程序。在这个"ExtJS实现聊天功能"的项目中...

    Extjs实现的聊天室

    ExtJS是一种基于JavaScript的前端框架,用于构建交互式的、数据驱动的Web应用程序。它提供了丰富的组件库,使得开发者可以方便地创建出具有桌面应用风格的用户界面。在本项目中,“Extjs实现的聊天室”利用了ExtJS的...

    extjs 实现动态表头

    通过阅读和分析提供的文件内容,我们可以更深入地学习这两种不同的动态表头实现方式,比较它们的优缺点,并从中吸取经验。这不仅可以提升个人的ExtJS技能,也有助于在实际项目中实现更高效、更灵活的数据展示。在...

    ExtJS4ExtJS5MD5 加密

    适用于ExtJS4、ExtJS5 MD5加密算法!

    ExtJS 实现动态处理加载 grid 实现了CRUD还有分页功能

    在ExtJS中,Grid是一种数据网格组件,用于展示大量结构化数据。它支持排序、过滤、分组等多种功能,是数据展示和操作的核心组件。 1. **动态加载Grid**: 动态加载意味着Grid的数据不是一次性全部加载到页面上,...

Global site tag (gtag.js) - Google Analytics