`
gongmingwind
  • 浏览: 588328 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

(转载)ExtJS textField 关于验证(Regex)的一些属性说明

    博客分类:
  • Ext
阅读更多
1:
ExtJS的textField 本身具备验证输入值的一些属性和方法,这些属性和方法都在config参数中进行配置。

1、是否允许空值

allowBlank : Boolean
如果是true,则允许,否则不允许,默认是true。
blankText : String
如果allowBlank 设置为true,并且那个textField的值为空,则会显示blankText属性的字符串以给出错误提示。

2:最长字符和最短字符
maxLength : Number
最长字符(可以达到)
maxLengthText : String
超出设定的最长字符时,会显示maxLengthText属性的字符串以给出错误提示。
minLength : Number
最短字符(可以达到)
minLengthText : String
不足设定的最短字符时,会显示minLengthText属性的字符串以给出错误提示。

3:正则表达式
regex : RegExp
设定正则表达式,eg:/^[abc]$/
regexText : String
输入值违反正则表达式时,会显示regexText属性的字符串以给出错误提示。


可以通过方法isValid( Boolean preventMark ) : Boolean 来得知输入值是否满足所有的限制要求。

注意:
所有的错误提示,分两种,一种是在textField下底框上加上红色波浪线,另一种是显示相应的错误提示字符串,同时给出红色波浪线。
后一种方法需要调用Ext.QuickTips.init();才能生效,默认下,只有前一种方式。


Sample:
Ext.onReady(function(){
var _win=new Ext.Window({
     title : "找回密码",
   width : 180,
   layout:"form",
   labelWidth:60,
   items:[{
     xtype:"textfield",
     fieldLabel:"你的姓名" ,
     allowBlank:false,
     blankText :'姓名不能为空',
     minLength :2 ,
     minLengthText : "姓名最少2个字符",
     maxLength : 4 ,
     maxLengthText :"姓名至多4个字符",
     width : 80,
     regex : /^[abc]{2,4}$/,
     regexText : "只能输入abc"
     }],
     buttons:[
         {
           text:'下一步'
         },{
           text:'取消'
         }    
     ]
    });
Ext.QuickTips.init();
    _win.show();

});
分享到:
评论

相关推荐

    extjs属性方法大全

    ### Extjs 属性方法详解 #### 一、`Ext.form.Action` 类 `Ext.form.Action` 是用于处理表单操作的类,主要包括提交和加载数据的功能。 - **属性:** - `success`: 表示操作成功时的回调函数。 - `failure`: ...

    Extjs验证表单 Extjs验证表单

    Extjs还提供了一些内置属性来帮助验证表单数据,比如`allowBlank`、`maxLength`、`minLength`等。 - **allowBlank**:用于检查字段是否可以为空。 - **maxLength** 和 **minLength**:分别用于检查字段的最大长度和...

    Extjs表单常见验证小结

    vtype是ExtJS预定义的一些简单验证方式,例如电子邮件、URL等。例如,我们可以设置字段的`vtype`属性为`email`来进行电子邮件格式验证: ```javascript { fieldLabel: "电子邮件", vtype: "email", vtypeText: ...

    Extjs属性大全

    根据给定的信息,我们可以深入探讨Extjs中的一些关键属性及其应用。Extjs是一个非常强大的JavaScript框架,用于构建桌面级Web应用程序。它提供了大量的组件和功能,使得开发人员能够轻松地创建复杂的用户界面。 ###...

    ext-3-TextField-sample.rar_ext_ext TextField_ext textfield inp

    以下是对`Ext.TextField`的一些关键特性和用法的详细说明: 1. **创建TextField**: 创建一个TextField实例通常需要指定ID和配置项。例如: ```javascript var tf = new Ext.form.TextField({ id: 'myTextField...

    Extjs 提示和正则表达式

    在JavaScript框架ExtJS中,正则表达式也经常被用于验证用户输入数据的合法性,例如表单字段的验证。下面我们将深入探讨正则表达式的基本概念以及在ExtJS中的应用。 一、正则表达式基础 1. **基本元素**:正则...

    ExtJS正则表达式使用说明

    ExtJS的Regex的验证属性分两种情况,一种是只有红色提示框;另一种是在提示框边会出现一个类似批注的提示信息,不过在页面加载时要加上Ext.QuickTips.init();提示框才能正常显示出来。特别提示:在属性regex后要用 /^...

    Extjs表单中的通用组件

    在深入探讨Extjs表单中的通用组件之前,我们先简要了解一下Extjs。Extjs是一个用JavaScript编写的开源前端框架,用于构建复杂的企业级Web应用程序。它提供了丰富的UI组件库,使得开发者能够快速构建功能全面、外观...

    验证的正则表达式,开发提供参考

    `Ext.form.TextField`是ExtJS框架中的一个表单字段组件,用于输入文本。它提供了多种配置选项来满足不同的需求。 - **allowBlank**: 布尔值,指定字段是否允许为空,默认为`true`。 - **blankText**: 字符串,当...

    ExtAspNet_v2.3.2_dll

    -v0.2beta2版本中关于PersistChildren(true)的描述有误,这个是设计时属性,和运行时是否保持状态没有关系。 -修正CheckBox控件的CheckedChanged事件会被触发两次的BUG(Data PostBack->AutoPostBack, Event ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -v0.2beta2版本中关于PersistChildren(true)的描述有误,这个是设计时属性,和运行时是否保持状态没有关系。 -修正CheckBox控件的CheckedChanged事件会被触发两次的BUG(Data PostBack->AutoPostBack, Event ...

Global site tag (gtag.js) - Google Analytics