打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
extjs TextField
 var txtusername = new Ext.form.TextField({
17                 width: 140,
18                 allowBlank: false,
19 maxLength: 20,
20                 name: 'username',
21                 fieldLabel: '用户名称',
22 blankText: '请输入用户名',
23                 maxLengthText: '用户名不能超过20个字符'
24             });
25             //密码input
26             var txtpassword = new Ext.form.TextField({
27                 width: 140,
28                 allowBlank: false,
29                 maxLength: 20,
30                 inputType: 'password',
31                 name: 'password',
32                 fieldLabel: '密码',
33                 blankText: '请输入密码',
34                 maxLengthText: '密码不能超过20个字符'
35             });

 


 <!--
63 说明:
64 (1)Ext.QuickTips.init():QuickTips的作用是初始化标签中的Ext:Qtip属性,并为它赋予显示提示的动作。
65 (2)Ext.form.Field.prototype.msgTarget = 'side':TextField的提示方式为:在右边缘,如上图所示,参数枚举值为"qtip","title","under","side",id(元素id),
66    side方式用的较多,右边出现红色感叹号,鼠标上去出现错误提示。
67 (3)var txtusername = new Ext.form.TextField():创建一个新的TextField文本框对象。
68 (4)allowBlank: false:不允许文本框为空。
69 (5)maxLength: 20:文本框的最大长度为20个字符,当超过20个字符时仍然可以继续输入,但是Ext会提示警告信息。
70 (6)name: 'password':表单名称,这个比较重要,因为我们在与服务器交互的时候,服务端是按name接收post的参数值。
71 (7)fieldLabel: '用户名':文本框前面显示的文字标题,如“用户名”,“密码”等。
72 (8)blankText: '请输入用户名':当非空校验没有通过时的提示信息。
73 (9) maxLengthText: '用户不能超过20个字符':当最大长度校验没有通过时的提示信息。
74 -->
 

3.textfield组件常用的:属性、方法及事件 

一、属性

allowBlank:是否允许为空,默认为true
blankText:空验证失败后显示的提示信息
emptyText:在一个空字段中默认显示的信息
grow:字段是否自动伸展和收缩,默认为false
growMin:收缩的最小宽度
growMax:伸展的最大宽度
inputType:字段类型:默认为text
maskRe:用于过滤不匹配字符输入的正则表达式
maxLength:字段允许输入的最大长度
maxLengthText:最大长度验证失败后显示的提示信息
minLength:字段允许输入的最小长度
minLengthText:最小长度验证失败后显示的提示信息

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
ExtJS4的文本框(textField)使用正则表达式进行验证(Regex)的方法
Ext文本输入框:Ext.form.TextField属性汇总
EXT表单组件常见属性介绍(二)
Ext中文本框中可输入字符数的设置
extjs---form表单基础1
extjs 关于修改时从数据库拿值formPanel自动加载数据
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服