`
- 浏览:
588328 次
- 性别:
- 来自:
南京
-
(转载)ExtJS textField 关于验证(Regex)的一些属性说明
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();
});
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
### Extjs 属性方法详解 #### 一、`Ext.form.Action` 类 `Ext.form.Action` 是用于处理表单操作的类,主要包括提交和加载数据的功能。 - **属性:** - `success`: 表示操作成功时的回调函数。 - `failure`: ...
Extjs还提供了一些内置属性来帮助验证表单数据,比如`allowBlank`、`maxLength`、`minLength`等。 - **allowBlank**:用于检查字段是否可以为空。 - **maxLength** 和 **minLength**:分别用于检查字段的最大长度和...
vtype是ExtJS预定义的一些简单验证方式,例如电子邮件、URL等。例如,我们可以设置字段的`vtype`属性为`email`来进行电子邮件格式验证: ```javascript { fieldLabel: "电子邮件", vtype: "email", vtypeText: ...
根据给定的信息,我们可以深入探讨Extjs中的一些关键属性及其应用。Extjs是一个非常强大的JavaScript框架,用于构建桌面级Web应用程序。它提供了大量的组件和功能,使得开发人员能够轻松地创建复杂的用户界面。 ###...
以下是对`Ext.TextField`的一些关键特性和用法的详细说明: 1. **创建TextField**: 创建一个TextField实例通常需要指定ID和配置项。例如: ```javascript var tf = new Ext.form.TextField({ id: 'myTextField...
在JavaScript框架ExtJS中,正则表达式也经常被用于验证用户输入数据的合法性,例如表单字段的验证。下面我们将深入探讨正则表达式的基本概念以及在ExtJS中的应用。 一、正则表达式基础 1. **基本元素**:正则...
ExtJS的Regex的验证属性分两种情况,一种是只有红色提示框;另一种是在提示框边会出现一个类似批注的提示信息,不过在页面加载时要加上Ext.QuickTips.init();提示框才能正常显示出来。特别提示:在属性regex后要用 /^...
在深入探讨Extjs表单中的通用组件之前,我们先简要了解一下Extjs。Extjs是一个用JavaScript编写的开源前端框架,用于构建复杂的企业级Web应用程序。它提供了丰富的UI组件库,使得开发者能够快速构建功能全面、外观...
`Ext.form.TextField`是ExtJS框架中的一个表单字段组件,用于输入文本。它提供了多种配置选项来满足不同的需求。 - **allowBlank**: 布尔值,指定字段是否允许为空,默认为`true`。 - **blankText**: 字符串,当...
-v0.2beta2版本中关于PersistChildren(true)的描述有误,这个是设计时属性,和运行时是否保持状态没有关系。 -修正CheckBox控件的CheckedChanged事件会被触发两次的BUG(Data PostBack->AutoPostBack, Event ...
-v0.2beta2版本中关于PersistChildren(true)的描述有误,这个是设计时属性,和运行时是否保持状态没有关系。 -修正CheckBox控件的CheckedChanged事件会被触发两次的BUG(Data PostBack->AutoPostBack, Event ...