`
yaoweinan
  • 浏览: 138560 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

ext field验证

 
阅读更多

Ext.onReady(function(){

    var form = new Ext.form.FormPanel({

    labelAlign: 'right',

    labelWidth: 250

});

form.add(new Ext.form.TextField({

    fieldLabel: '不能为空',

    allowBlank: false

}));

form.add(new Ext.form.TextField({

    fieldLabel: '最小5,最大10',

    name: 'text',

    maxLength: 10,

    minLength: 5

}));

form.add(new Ext.form.TextField({

    fieldLabel: 'E-mail',

    name: 'text',

    vtype: 'email'

}));

form.add(new Ext.form.TextField({

    fieldLabel: '只能英文',

    name: 'text',

    vtype: 'alpha'

}));

form.add(new Ext.form.TextField({

    fieldLabel: '只能字母和数字',

    name: 'text',

    vtype: 'alphanum'

}));

form.add(new Ext.form.TextField({

    fieldLabel: '只能网址',

    name: 'text',

    vtype: 'url'

}));

form.add(new Ext.form.TextField({

    fieldLabel: '只能汉字',

    name: 'text',

    regex: /^[\u4E00-\u9FA5]+$/,

    regexText: '只能输入汉字'

}));

form.add(new Ext.form.TextField({

    fieldLabel: '手机号码必须13开头,后面跟9位数字!',

    name: 'text',

    regex: /^13[\d]{9}$/,

    regexText: '手机号码必须13开头,后面跟9位数字!'

}));

form.add(new Ext.form.TextField({

    fieldLabel: '电话号码必须如:0xx-1234344',

    name: 'text',

    regex: /^0(\d{2}|\d{3})\-(\d{7}|\d{8})$/,

    regexText: '电话号码必须如:0xx-1234344'

}));

form.add(new Ext.form.TextField({

    fieldLabel: '只能IP地址',

    name: 'text',

    regex: /^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/,

    regexText: '只能输入IP地址'

}));

form.render("form");

分享到:
评论

相关推荐

    EXT 表单验证EXT 表单验证

    9. **插件和扩展**:EXT社区提供了许多表单验证相关的插件和扩展,如`Ext.form.field.Picker`,用于下拉选择验证,以及`Ext.form.field.HtmlEditor`,用于富文本编辑器的验证。 10. **实际应用**:在实际项目中,...

    Ext登陆login

    在登录页面中,我们会用到`Ext.form.field.Text`(文本输入框)和`Ext.button.Button`(按钮)。 2. **Ext.container.Container**: 用于组合其他组件,如`Ext.container.Viewport`可以作为整个应用的容器,包含登录...

    Ext做密码验证

    Ext.create('Ext.form.field.Text', { fieldLabel: 'Password', name: 'password', listeners: { change: function(field, newValue) { if (!validatePassword(newValue)) { Ext.Msg.alert('Error', '密码不...

    Ext 入门 登陆验证表单提交

    表单通常由`Ext.container.Container`或`Ext.form.Panel`创建,包含`Ext.form.field.Text`(用户名)和`Ext.form.field.Password`(密码)字段,以及一个`Ext.button.Button`(提交按钮)。 ```javascript Ext....

    EXT.form组件

    5. `field`:`Ext.form.Field`是所有表单字段的基础类,提供了一般性的属性和方法,如验证和状态管理。 6. `fieldset`:`Ext.form.FieldSet`是用于组织和分组表单字段的容器,通常包含一个标题和可选的边框。 7. `...

    Ext组件描述,各个组件含义

    **2.20 Field (Ext.form.Field)** - **xtype**: `field` - **功能描述**:Field 是所有表单字段的基类,定义了基本的属性和方法。 - **主要用途**:作为所有其他表单字段的基类。 **2.21 Field Set (Ext.form....

    ext.net登陆框

    在“ext.net登录框”这个主题中,我们将探讨如何使用Ext.NET库来构建一个具有用户验证和错误提示功能的登录界面。 首先,我们需要了解Ext.NET中的窗体(Form)组件。窗体是数据输入和处理的核心,它可以包含各种...

    ext简单登录css/js插件

    在这个登录插件中,可能使用了EXT的Field组件来创建用户名和密码输入框,并配置了验证规则,确保输入的有效性。 6. **Ajax通信**:EXT提供了Ajax组件,允许与服务器进行异步通信。登录过程中,前端JavaScript可能...

    Extjs验证表单 Extjs验证表单

    Ext.form.Field.prototype.msgTarget = "qtip"; ``` 这里,“qtip”表示使用气泡提示的方式展示错误信息。此外还可以选择其他几种方式,例如“title”、“under”或“side”,甚至可以指定一个元素ID来作为提示目标...

    Ext DateField控件 - 只选择年月插件

    在实际开发中,你可以根据需要进一步自定义插件的行为,例如改变年份和月份的显示方式,添加验证规则,或者与服务器端进行数据同步。同时,为了保证兼容性和性能,确保使用的是与你项目中其他Ext JS库版本相匹配的...

    EXT4.3实现动态表单全动态

    表单字段和grid列可以设置验证规则,通过`Ext.form.field.VTypes`实现。 4. **实现全动态**: - **配置驱动**:通过JSON或其他数据格式定义表单和grid的布局、字段、列等信息,实现配置文件驱动的动态生成。 - **...

    EXT dojochina文本框示例Ext.form.TextField.rar

    3. **验证**:EXT提供了内置的验证功能,可以设置`vtype`属性来进行简单的类型验证,比如邮箱、电话号码等。例如,验证邮箱格式: ```javascript var emailField = new Ext.form.TextField({ fieldLabel: '邮箱', ...

    Ext中xtype和vtype.

    在 Ext 中,xtype 和 vtype 是两个非常重要的概念,它们分别用于定义组件的类型和验证规则。 xtype 是 Ext 中的一种组件类型,它定义了组件的行为和外观。Ext 提供了许多内置的 xtype,例如 button、textfield、...

    Ext3 查询框

    EXT3查询框,通常被称为“EXT3 Form Field”,是EXT3组件库中的一个关键部分,用于收集用户的输入数据。它允许用户在特定的输入域内搜索或过滤数据。这种查询框通常与数据网格(EXT3 Grid)配合使用,提供实时搜索...

    ext form小例子

    - 扩展Vtype:开发者可以通过`Ext.form.field.VTypes.add`方法来添加新的验证类型,比如自定义电话号码验证或身份证号验证。 - 示例:`Ext.form.field.VTypes.add('phone', /^\d{11}$/);`,这将添加一个新验证类型...

    EXT 登录的设计 extjs4.0

    7. **验证(Validation)**:EXTJS 4.0 提供了强大的表单验证功能,可以通过 `Ext.form.field.VTypes` 或自定义验证函数确保用户输入符合预期格式,如检查密码强度。 8. **响应式设计**:EXTJS 支持响应式布局,...

    examples.ext.net-5.zip

    FormPanel实例则展示了EXT.NET如何构建表单界面,进行数据的输入和验证。FormPanel可以嵌入各种Field组件,如TextField、ComboBox、DatePicker等,配合Validator进行数据校验,确保数据的完整性和准确性。 此外,...

    Ext 3.0 中文文档.zip

    五、Form:Ext的Form组件提供了丰富的表单元素和验证机制,支持多种输入类型和布局。表单可以绑定到Model,实现数据的双向绑定。FormPanel是容器组件,可以包含多个Field和其他组件,如CheckBox、ComboBox等。表单...

    Ext3.0 api帮助文档

    - **Ext.form.Field**: 表单字段类,如文本框、选择框、日期选择器等。 - **Ext.form.BasicForm**: 提供表单的提交和数据验证功能。 7. **树形视图(Trees)** - **Ext.tree.TreePanel**: 显示树状数据结构,...

Global site tag (gtag.js) - Google Analytics