- <mce:script type="text/javascript"><!--
- /*
- Ext.form.TextField主要配置表:
- allowBlank Boolean 是否允许为空(默认true)
- blankText String 为空验证失败提示信息
- emptyText String 空字段中默认显示信息
- grow Boolean 设置字段是否根据内容伸缩(默认false)
- growMax Number 字段伸展的最大宽度(默认800)
- growMin Number 字段收缩最小宽度(默认30)
- inputType String 字段类型(默认text)
- maxLength Number 字段允许输入最大长度
- masLengthText String 最大长度验证失败提示信息
- minLength Number 字段允许输入最小长度
- minLenghtText String 最小长度验证失败提示信息
- regex String javascript正则表达式
- regexText String 正则表达式验证失败提示信息
- selectOnFocus Boolean 设置当前字段得到焦点是否自动选择已存在文本(默认false)
- vtype String 验证类型名字
- vtypeText String 自定义提示信息,代替vtype本身的错误提示信息
- validator Function 在所有基本验证通过后调用(默认null)
- */
- Ext.onReady(function(){
- Ext.BLANK_IMAGE_URL = '../extjs2.0/resources/images/default/s.gif';
- //初始化信息提示功能
- Ext.QuickTips.init();
- //统一指定错误信息提示浮动显示方式
- Ext.form.Field.prototype.msgTarget = 'side';
- var config = {
- title:'Ext.form.TextField例', //表单标题
- labelSeparator:':', //表单label与其他元素分割符
- labelWidth:60, //标签宽
- labelAlign:'right', //标签对齐方式
- bodyStyle:'padding:5 5 5 5', //表单边距
- frame:true, //是否渲染表单
- height:120, //表单高
- width:250, //表单宽
- renderTo:'form', //表单定位
- //表单子元素数组
- items:[
- new Ext.form.TextField({
- fieldLabel:'用户名',
- id:'userName',
- selectOnFocus:true, //得到焦点自动选择文本
- allowBlank:false, //不允许为空
- blankText:'用户名不可为空', //空验证失败错误提示信息
- //javascript邮件验证正则表达式
- regex:/^([/w]+)(.[/w]+)*@([/w-]+/.){1,5}([A-Za-z]){2,4}$/,
- regexText:'用户格式错误' //javascript正则表达式验证失败错误信息提示
- }),
- new Ext.form.TextField({
- fieldLabel:'密码',
- inputType:'password', //设置输入类型为password
- allowBlank:false,
- blankText:'密码不可为空'
- })
- ]
- }
- var form = new Ext.form.FormPanel(config);
- });
- // --></mce:script>
Ext_基本文本输入框_Ext.form.TextField(转)
最新推荐文章于 2024-07-13 11:17:31 发布