`

Extjs 验证使用

阅读更多

/**
 * 用户表单面板
 */
Ext.define('user.view.UserFormPanel', {
    extend      : 'Ext.form.Panel',
    requires	: [	'user.store.User',
       				'Ext.ux.TreePicker'
    			],
    alias       : 'widget.UserFormPanel',
    bodyStyle   : 'padding: 10px; background-color: #DCE5F0; border-left: none;',
    defaultType : 'textfield',
    defaults    : {
        labelWidth : 70
    },
    initComponent : function() {
    	this.initValidator();
        this.items = this.buildItems();
        this.callParent();
    },
    initValidator : function() {
    	Ext.apply(Ext.form.VTypes, {
                VTAccount: function(v) {
                    return /^[a-zA-Z]([\w\d]){4,15}$/.test(v);
                },
                VTAccountText: "必须为5-16位字母数字和下划线组成",
                VTAccountMask: /[\w\d]/i,
                
                VTUserName: function(v){
                	return /^([\u4e00-\u9fa5\w\d]){2,15}$/.test(v);
                },
                VTUserNameText:"用户姓名验证"
               
        });
    },
    buildItems : function() {
        return [
        	{
                fieldLabel : '编号',
                name       : 'user.id',
                readOnly	   : true
            },
            {
                fieldLabel : '登录名',
                name       : 'user.account',
                vtype :'VTAccount'
            },
            {
                fieldLabel : '姓名',
                name       : 'userName',
				vtype : 'VTUserName'
            },
            {
                fieldLabel : '注册时间',
                name       : 'user.regTime',
                readOnly	: 'true'
                
            }
        ];
    }
});
 
分享到:
评论

相关推荐

    extjs 自定义验证

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

    Extjs验证表单 Extjs验证表单

    ### Extjs 表单验证详解 #### 一、引言 在现代Web开发中,确保用户输入的有效性和安全性至关重要。Extjs作为一种强大的JavaScript框架,提供了丰富的功能来帮助开发者轻松实现客户端验证。本文将深入探讨Extjs中的...

    ExtJS验证上传文件类型

    在 ExtJS 中,我们可以使用 field 组件的 validator 验证器来验证文件类型。Validator 是 filefield 的一个配置项,它的值是一个 function,该函数有唯一的参数 value(文本框中的值),函数体中对这个 value 进行...

    extjs表单验证特殊字符

    在EXTJS中,表单验证是确保用户输入数据符合预设规则的重要环节。EXTJS提供了一种强大的方式来实现客户端验证,这可以帮助开发者在用户提交数据前检查输入的有效性,从而减少服务器端的压力并提高用户体验。本文将...

    Extjs4使用要点个人整理

    2. **按钮(Button)的用法**:`EXTjs button用法.doc`将详细介绍如何创建和使用ExtJS 4的按钮组件,包括设置按钮文本、图标、事件监听器以及使用不同类型的按钮,如工具栏按钮、菜单按钮等。 3. **表单(Form)...

    extjs实现登陆验证

    在IT领域,特别是Web开发中,使用ExtJS框架进行用户登录界面的前端验证是一个常见的需求。根据提供的文件信息,我们可以详细解析如何利用ExtJS来实现这一功能。 ### ExtJS实现登录验证 #### 核心概念与流程 1. **...

    Extjs4 grid使用例子

    在给定的"Extjs4 grid使用例子"中,我们可以深入理解如何在MVC架构下有效地利用ExtJS4的Grid组件。Grid组件是ExtJS中的核心部分,它提供了一个灵活的、可定制的数据展示网格,通常用于显示和操作大量数据。 1. **...

    extjs2----关于extjs 的使用,操作

    5. **表单元素**:深入探讨表单(Form)的创建,包括各种表单字段(TextField、ComboBox、DateField等)的使用及验证规则。 6. **Ajax交互**:讲解如何利用Ext.Ajax进行异步数据请求,实现服务器端数据的增删查改。 ...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件和工具,使得开发者可以创建出功能强大、用户界面友好的Web应用。在“extjs流程界面设计器参考”中,我们主要关注的是...

    Extjs页面验证(修订版)

    - ExtJS官方文档是学习的最佳资源,它详细介绍了如何使用表单、验证以及AJAX交互。 - 社区论坛和Stack Overflow上的问题解答可以提供实际应用中的解决方案和技巧。 通过深入研究"Extjs页面验证(修订版)"项目,...

    轻松搞定Extjs 带目录

    ### 知识点概述 #### 1. Extjs概念与目录结构 Extjs是一个基于JavaScript的框架,用于构建交互式的web应用。...通过学习本书,读者能够全面掌握Extjs的各种特性,进而使用Extjs开发出功能强大、交互良好的Web应用。

    Extjs+Gride使用方法

    在本篇文章中,我们将深入探讨如何使用ExtJS与Gride进行交互,创建功能丰富的数据网格。 首先,理解ExtJS Grid的基本结构至关重要。Grid由以下几个主要部分组成: 1. **Store**: 存储数据的容器,可以是本地数据...

    extjs 常用控件的使用 table layout

    "常用控件的使用"涵盖了EXTJS中的一些核心组件,如: 1. **TextField**:用于输入文本的基本字段,支持多种验证和配置。 2. **ComboBox**:下拉框,允许用户从预定义的选项中选择,也可以进行搜索。 3. **Checkbox*...

    ExtJS+Servlet表单验证和注册

    ExtJS的表单组件包括文本框、密码框、下拉列表、复选框、单选按钮等,支持复杂的表单验证,可以轻松实现前端的数据验证。 **Servlet简介** Servlet是Java中用于处理HTTP请求的服务端组件,常用于Web应用开发。它...

    myeclipse中使用extjs缓慢 卡死 白屏 解决方法总结

    ### MyEclipse中使用ExtJS出现缓慢、卡死、白屏问题及解决方法总结 在进行Web开发时,经常会遇到一些工具与框架不兼容或配置不当导致的问题,这些问题往往会影响到开发效率。本文将针对在MyEclipse环境中使用ExtJS...

    ExtJs登陆验证(ASP后台)

    ExtJs登录验证(ASP后台)涉及的技术点主要包括前端的ExtJs框架和后端的ASP脚本语言。在本文中,我们将深入探讨这两个方面,并展示如何将它们结合起来实现一个完整的登录验证系统。 首先,ExtJs是一个强大的...

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    ExtJS是一个广泛使用的JavaScript库,专门用于构建富客户端应用程序。版本3.3是该库的一个稳定版本,提供了许多功能和组件,使得Web开发者能够创建功能丰富的、交互性强的用户界面。这个“ExtJS3.3中文API.CHM”文档...

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

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

    EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0

    页面组件示例中心可能包含了一系列EXTJS3.0的组件演示,包括树形组件的实例,你可以通过这些实例学习如何在实际项目中使用和定制EXTJS3.0的树组件,提升你的前端开发能力。 总结来说,EXTJS3.0的树形组件提供了一种...

Global site tag (gtag.js) - Google Analytics