`
haha-1019163.com
  • 浏览: 5894 次
  • 性别: Icon_minigender_2
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

ExtJS常用的几种校验方式

EXT 
阅读更多

验textfield一般来说有这几个常见的方式:

1.不能为空

          allowBlank:false  

2.最大最小长度

        minLength: 10,   

        maxLength: 100,   

3.邮件格式

         vtype: "email",  

4.url格式

          vtype: "url",  

5.密码输入两次,这个比较复杂,所幸的 是extjs里的例子有的

       //注册校验器

function initValidator(){   
  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: " 请输入相同的密码"  
  });   
}   
......   
{   
  inputType: "password",   
  fieldLabel: "密码",   
  id: "new_password",   
  name: 'new_password',   
  width: 200,   
  maxLength: 50,   
  allowBlank:false  
},{   
  inputType: "password",   
  fieldLabel: "再输入一遍密 码",   
  name: 'retype_new_password',   
  width: 200,   
  maxLength: 50,   
  vtype: 'password',   
  initialPassField: 'new_password',   
  allowBlank:false  
}  

 

比较重要的是initialPassField属性是指向上一个password的id。

分享到:
评论

相关推荐

    ExtJS对几种面向对象体现.txt

    根据提供的文件信息,可以看出主题是关于ExtJS框架与面向对象编程的实现方式。然而,由于提供的部分内容似乎并不完整且存在一些非标准字符,这给直接提取有用信息带来了困难。因此,我们将基于标题、描述和标签中的...

    ExtJS改变默认字体大小的几种方式

    以下是改变ExtJS默认字体大小的几种方法: 1. 修改样式文件:最直接的方法是编辑`ext-all.css`样式文件。将文件中所有涉及到字体大小为11px的部分替换为所需的值,如12px。如果要增大字体到15px,不仅需要替换...

    Extjs表单输入框异步校验的插件实现方法

    2. Extjs插件机制:插件是一种特殊的扩展方式,它允许开发者为Extjs组件添加额外功能。该插件使用Ext.define方法定义了一个名为FieldAjaxVerify的新类,并通过extend:'Ext.AbstractPlugin'继承自ExtJS的插件基类,...

    ExtJs常用布局--layout详解实例代码

    ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...

    Extjs 常用属性

    在深入探讨Extjs常用属性之前,我们先简要回顾一下Extjs是什么。Extjs是一个用于构建Web应用程序的JavaScript框架,它提供了丰富的UI组件、数据处理功能以及与服务器端交互的能力,使得开发人员能够轻松地创建复杂的...

    ExtJs常用案例集合

    精心整理的EXTJS常用例子集...是学习EXTJS不可多得的好资料,欲下载,则从速喔!!!

    ExtJS 17种 皮肤

    11. Dark:Dark皮肤采用深色调,提供了一种低调而神秘的界面,常见于媒体播放器或代码编辑器应用。 12. Modern:Modern皮肤是专门为触摸设备设计的,符合移动设备的交互习惯,具有更大的触摸目标和清晰的视觉反馈。...

    extJs3升级extjs4方案

    在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败。ExtJS4 已完全重新写 grid 组件,tree 也被更新,所以从版本 3 到 4 大部分的属性改变了。 在 ExtJS4 中,API 也发生了很...

    ExtJS的12种样式

    ExtJS的12种样式 挺丰富的. 有black.calista.darkgray.gray.green.indigo.midnight.olive.pink.purple.slate.slickness.

    extjs表单验证特殊字符

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

    extjs vtype 扩展正则

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

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

    基于ExtJS的工作流设计器,利用了ExtJS的强大组件模型和交互性,为用户提供了一个直观的方式来创建和编辑流程图。这样的设计器通常包括以下关键组成部分: 1. **组件库**:设计师需要一个包含各种工作流元素(如...

    sencha 方式 创建extjs6 项目

    sencha 方式 创建extjs6 项目 快速 高效 以节省不必要的资源占用

    轻松搞定Extjs 带目录

    - 按钮、日期选择器、ComboBox等,每种组件都有其特定的使用场景和配置方式。 #### 10. 数据管理 Extjs中的数据管理涉及到: - 数据代理(Ext.data.DataProxy) - 数据读取器(Ext.data.DataReader) - 数据存储...

    Extjs经典皮肤(N种)

    在"EXT皮肤"这个压缩包中,可能包含了多种EXTJS的皮肤资源,这些皮肤可能包括以下几种: 1. Triton:一种现代且扁平化的设计,适用于希望创建简洁、时尚UI的应用程序。 2. Neptune:EXTJS 4引入的一个皮肤,拥有蓝...

    extjs 常用控件的使用 table layout

    "Table Layout"是EXTJS中的一种布局方式,主要用于创建表格形式的组件布局。 在EXTJS中,控件(Components)是构建用户界面的基本单元,它们可以是按钮、表格、表单、面板等。"常用控件的使用"涵盖了EXTJS中的一些...

    5000个常用到extjs小图标

    EXTJS中使用图标的方式主要有两种:CSS类和图片URL。CSS类通常用于内置的EXTJS图标,通过设置组件的`iconCls`属性来引用,例如`' Ext-icon-calendar'`。这些预定义的CSS类在EXTJS框架内部定义,开发者可以直接使用,...

    Extjs 2.2 Extjs 3.21 js

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端Web应用程序。这个压缩包包含了ExtJS的两个重要版本:2.2和3.2.1。这两个版本在Web开发领域都有着广泛的运用,它们各自拥有不同的特性和改进,对于理解...

    extjs icon小图标

    3. Font图标:另一种常见的方式是使用图标字体(Icon Fonts),如Font Awesome。这种方式将图标作为字体字符处理,允许通过改变字体大小和颜色来调整图标样式。 4. 图片集:图标也可能以PNG或JPEG等图像格式提供,...

    extjs各种常用组件归纳总结

    extjs各种组件的详细实现及各种扩展归纳总结,包括各种grid,tree,布局,表单,ajax,弹出框等

Global site tag (gtag.js) - Google Analytics