`
qingBYqing
  • 浏览: 50498 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

Ext表单数据校正

阅读更多
  数据的校正可以规定用户输入的数据格式,减少用户输入无效的数据。


一.IE && Firefox的不同:

   当数据校正失败 Firefox调用submit()是不能执行的;

  IE必须使用 form.isValid()自行判断,当返回false时,你调用submit()会将非法的数据提交到后台;


二.不能输入为空allowBlank

    Extjs中allowBlank默认为false

    只有继承了Ext.form.TextField的组件才能使用:
   



三.长度的限制

     数据库里面的字段长度进行了限制,在客户端输入数据超出限制的长度时就会引起错误
  maxLength:
   minLength:


四.vtype:

   Ext默认提供了一组校正类型:
   Ext.form.VTypes 主要包过四种类型:
   alpha:只能输入英文字母
   alphanum: 只能输入英文字母和数字
   email:电子邮箱
   url:网址


  eg:
 
new Ext.form.TextField({
       fieldLabel:'电子邮箱',
       name:'Email',
       vtype:'email'
  });


五.其它
1.不想用户输入负数:allowNegative:false
  2.不想让用户输入小数:allowDecimals :false
  3.设置小数精度: 默认是保留小数点后两位,decimalPrecision : 数字
  4. 设置输入数字的范围: minValue  maxValue


六.自定义

使用正则表达式:                                                                                                                                                                                                                                                   regex:  /^[\u4E00-\u9FA5]+$/
    regexText:"只能输入汉字"


regex正则表达式将在所有基础效验成功之后被执行,执行此正则表达式时传递的参数为该字段的值。如果效验失败,则根据regexText的设置将字段标记为无效
  • 大小: 4.2 KB
0
1
分享到:
评论

相关推荐

    Ext 动态加载表单数据

    在Ext JS这个强大的JavaScript框架中,动态加载表单数据是一种常见的功能需求,特别是在构建数据驱动的应用程序时。本文将深入探讨如何使用JSON格式的数据来实现这一功能,以便于灵活地更新和显示表单内容。 首先,...

    ext表单

    EXT JS是一个强大的JavaScript库,提供了一系列组件化的UI控件,包括各种类型的表单元素,如文本框、下拉框、复选框、日期选择器等,以及数据绑定和验证功能,使得开发者可以构建出具有桌面应用般体验的Web应用。...

    ext_表单提交_数据校验

    ### ext_表单提交_数据校验:深入解析与实践 #### 一、文本框输入控件(Ext.form.TextField) 在Ext JS框架中,`Ext.form.TextField`是一种用于收集用户输入的基本控件,它提供了丰富的配置选项来实现数据校验。...

    EXT 表单验证EXT 表单验证

    EXT表单验证是EXT JS框架中的一个重要特性,用于在用户输入数据时确保数据的正确性和完整性。EXT JS是一个强大的JavaScript库,专为构建富客户端Web应用程序而设计。它提供了丰富的组件库,包括表格、表单、菜单等,...

    ext表单设计器,常用表单拖拉实现

    EXT表单是EXT库的核心组件之一,用于构建用户输入数据的界面。它们支持多种类型的字段,如文本框、复选框、单选按钮、下拉列表等,并且可以进行复杂的布局管理,如表格布局、流式布局和绝对布局。表单设计器通常包括...

    EXT表单验证之TextField

    EXT是Sencha公司开发的一款基于JavaScript的富客户端应用框架,它提供了一套完整的组件化UI构建工具,其中EXT表单(FormPanel)是用于创建复杂数据输入和验证的重要部分。在EXT表单中,TextField是最常见的输入控件...

    ext grid数据绑定

    在EXT JS这个强大的JavaScript框架中,EXT Grid是一个非常重要的组件,用于展示大量结构化数据,并提供了丰富的交互功能。本文将深入探讨"EXT Grid数据绑定"这一主题,包括数据查找和如何将查找结果重新填充到Grid中...

    Ext 表单示例演示 视频

    在本示例中,我们关注的是使用Ext JS创建表单并连接到XML文件来动态展示数据的场景。Ext JS是一个强大的JavaScript库,专门用于构建富客户端应用程序,它提供了丰富的组件库,包括各种表单元素、布局和数据绑定机制...

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

    - **数据绑定**:EXT4.3支持双向数据绑定,允许表单字段与后台模型实时同步。使用`Ext.form.Basic`和`Ext.form.Panel`,可以轻松实现数据的提交和验证。 2. **EXT4.3动态grid**: - **动态列**:EXT4.3的`Ext....

    Ext教程表单表格的使用

    EXT表单FormPanel是EXT JS框架中用于创建复杂表单的组件,它允许用户输入、编辑和验证数据。在上述代码中,`sampleFormPanel`是一个FormPanel实例,包含了多个配置属性,用于定制表单的行为和外观。 1. `frame : ...

    Ext导出数据为Excel

    用EXT进行数据导出,把数据保存在EXCEL里.

    ext 表单提交

    标题中的“ext 表单提交”指的是Ext JS框架中关于表单数据提交的功能。Ext JS是一个流行的JavaScript库,用于构建富客户端Web应用。它提供了一套完整的组件模型,包括各种UI元素,如表格、面板、表单等。在Ext JS中...

    Ext表单组件实现用户注册

    在Web开发中,用户注册是常见的功能之一,而Ext JS是一个强大的JavaScript库,用于构建复杂的、数据驱动的富客户端应用程序。本篇文章将聚焦于如何使用Ext表单组件来实现用户注册的功能。 首先,我们来看看`form....

    Ext数据模型Store

    Ext数据模型中的Store是EXT框架中非常核心的一个概念,它是数据管理的主要接口,负责存储和管理数据集。Store内部使用了`Ext.util.MixedCollection`数据结构,这使得它可以同时作为映射和列表来操作数据,并在数据...

    Ext表单组件之textField

    在Web开发领域,Ext JS是一个强大的JavaScript库,用于构建数据驱动的富客户端应用程序。它提供了丰富的用户界面组件,包括各种表单元素。本篇我们主要关注"Ext表单组件之textField",它是最基础也是最常用的输入...

    EXT异步提交FORM表单

    EXT框架(通常指的是Ext JS)作为一种成熟且功能丰富的JavaScript库,提供了强大的UI组件和便捷的数据处理方法,其中就包括了异步提交FORM表单的功能。 #### 二、EXT异步提交FORM表单的基本原理与实现 ##### 2.1 ...

    简单的EXT加载数据的例子

    在EXT框架中,Treepanel和Gridpanel是两个核心组件,它们分别用于展示和操作树形结构数据以及表格数据。本示例将详细介绍如何在EXT中加载数据,特别是通过EXT的Treepanel来呈现一个生成的树形结构。 首先,我们要...

    Ext表单组件之checkbox

    当复选框在表单内时,它们的值会包含在表单数据中。`submitValue`配置可以控制未选中的复选框是否在提交时包含其`unckeckedValue`。 10. ** Accessibility** 对于无障碍性,复选框应有适当的`aria-label`和`...

    Ext表单之loadRecord用法详解

    本文将深入探讨Ext表单中的`loadRecord`方法,这是一个非常实用的功能,用于将数据记录加载到表单中,以便用户可以查看或编辑。我们将通过`loadRecord`方法的使用场景、工作原理以及示例代码来详细讲解这个知识点。 ...

    ext4查询之后翻页丢失表单参数解决

    ext4查询表格grid ,结果集返回是一个分页数据集的话,再次翻页,出现无条件的全部结果集,所以此时应该追加上次查询的条件。

Global site tag (gtag.js) - Google Analytics