`

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验证 extjs验证 extjs验证 extjs验证extjs验证 extjs验证 extjs验证 extjs验证

    ExtJS验证上传文件类型

    ExtJS验证文件上传类型,详细讲述ExtJS如何验证文件上传文件的类型!

    extjs实现登陆验证

    用extjs实现登陆页面的前台验证。

    EXTJS4自学手册

    EXTJS4自学手册——EXT数据结构组件(Model数据验证,数据交互) EXTJS4自学手册——EXT数据结构组件 EXTJS4自学手册——EXT数据结构组件(proxy代理类之客户端代理) EXTJS4自学手册——EXT数据结构组件(proxy...

    extjs表单验证特殊字符

    我偏不描述20个字是的发生的发生的发生大幅

    extjs中验证实例

    function testFormValidate(){ Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget="under"; var fset = new Ext.FormPanel({ title:"学习表单字段元素的字段集", width:600, height:400, ...

    Extjs表单常见验证小结

    Extjs表单验证包括空验证、用vtype格式进行简单的验证、高级自定义密码验证、使用正则表达式验证等等

    ExtJs登陆验证(ASP后台)

    用EXTJS做的登陆验证,完整源码~后台是asp.

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

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

    extjs vtype 扩展正则

    Extjs表单VTYPE扩展,方便验证!

    Extjs页面验证(修订版)

    这个工程里面包含了一些小例子,帮助大家理解Extjs如何进行页面验证,以及前台与后台交互验证数据的。

    ExtJS+Servlet表单验证和注册

    一个简单的小例子,用ExtJS实现了华丽的注册页面,用Servlet实现向数据库添加注册信息,也就是注册。

    JS验证身份证

    JS通用正则表达式验证身份证。 地址验证 带X验证 18位身份证需要验证最后一位校验位

    CooliteToolkit(ExtJS可视化控件)Demo

    Coolite Toolkit非常适合做web应用程序的开发,它提供了很多专业的Asp.net输入/验证/显示控件,和页面布局的框架,同时完全支持ajax,因为它是所有的组件是居于ExtJS上封装出来,让开发人员在可视化的设计器内进行...

    extjs xtype

    有关于ext的xtype,Ext.QuickTips.init(),几种extjs的vtype默认支持的验证

    Extjs4.2 版本年月控件-亲自验证

    实现年月控件如:2014-06 或201406(可视化) 双击年月,控件消失、中英文版本国际化、日期合法性校验、完美实现IE,火狐,谷歌等浏览器

    Extjs5.0从入门到实战开发信息管理系统(Extjs基础、Extjs5新特性、Spring、Spring mvc)

    本教程从Extjs5的开发环境搭建开始,讲解了Extjs5的项目结构(包括核心文件的作用),Extjs类的一些基本概念,布局、事件、MVVM和MVC架构、路由器,数据绑定等的概念和实际使用,同时讲解了开发中常用的extjs UI...

    Extjs页面验证

    在这个工程里面本人简单的运用了一下,extjs页面验证,感觉不错,希望能够与大家一起分享

    轻松搞定Extjs_原创

    二、Viewport的基本使用 221 三、小结 226 第二十九章:综合项目 227 一、概述 227 二、数据库设计 228 三、持久层封装 229 四、DAO 235 五、业务层 238 六、控制器Action 242 七、Spring配置文件 249 八、主界面 ...

Global site tag (gtag.js) - Google Analytics