EXT文本框TextField输入长度和内容控制

最新推荐文章于 2021-06-03 14:24:06 发布
最新推荐文章于 2021-06-03 14:24:06 发布
阅读量1.1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43746783/article/details/86216187
版权
这篇博客介绍了如何使用EXT.js来限制TextField的输入长度和内容。通过重定义TextField的maxLength和size属性，可以有效控制输入的最大字符数。同时，通过监听键盘事件并参照NumberField的实现，实现了只允许输入数字的功能。示例代码可用于实际项目中，增强表单字段的验证和用户体验。
摘要由CSDN通过智能技术生成
               

1.限制输入长度

 

Ext.form.TextField 的 maxLength/size 处理的并不是很好，设置了maxLength后还是可以任意输入，国外extjs论坛看到有人的帖子，通过prototype重定义这两个属性，试了一下，很有效

 

Java代码 复制代码
  1. Ext.form.TextField.prototype.size = 20;   
  2. Ext.form.TextField.prototype.initValue = function() {   
  3.     if (this.value !== undefined) {   
  4.         this.setValue(this.value);   
  5.     } else if (this.el.dom.value.length > 0) {   
  6.         this.setValue(
最低0.47元/天 解锁文章
干大腿啊
关注
[Ext JS]3.2.2 文本输入框textfield
oscar999的专栏
03-30 999
Ext.form.field.Text （xtype: textfield） 一般使用在表单（Form）面板中用于接收一般的输入， textfield对应标准html 的 文本类型的input 。其可以作为更复杂的输入控件的基类（比如Ext.form.field.TextArea或Ext.form.field.ComboBox）。
ExtJs 入门教程五[文本框：TextField]
别在熬夜了！
06-12 1445
Ext.onReady(function () {             //初始化标签中的Ext:Qtip属性。             Ext.QuickTips.init();             Ext.form.Field.prototype.msgTarget = 'side';             //用户名input             var txtuse
EXT表单验证之TextField
01-14
EXT表单验证之TextField,vtype 包括所有EXT中TextField的验证方式
Ext.from.field.Text文本框
weixin_33989058的博客
04-15 2495
1、Ext.from.field.Text组件主要配置项目表 配置项类型说明 allowBlank Boolean 是否允许为空，默认为空true blankText String 是否允许为空验证失败后提示消息 disableKeyFilter Boolean 设置为true则禁用键盘输入过滤，默认为false emptyCls Str...
ext textfield限制长度
zhenyaoMilenfan的专栏
10-11 573
Ext Textfield的maxLength如果限制长度为10，可以输入超过10个的字符，只是会给你提示，不让你的表单提交，如果加上下面代码则可以让用户只能输入不超过10个字符：     Ext.form.TextField.prototype.size = 20; Ext.form.TextField.prototype.initValue = function() { ...
ext_表单提交_数据校验
07-26
#### 一、文本框输入控件（Ext.form.TextField） 在Ext JS框架中，`Ext.form.TextField`是一种用于收集用户输入的基本控件，它提供了丰富的配置选项来实现数据校验。例如，在示例中，通过设置`allowBlank: false`，...
TextField和TextView限制输入字数长度
01-20
TextField和TextView限制输入长度的具体实现方法，供大家参考，具体内容如下 TextField的限制代理方法  只需要在这个代理方法里面code这样的代码就可以了 16 是长度可以自己设置 - (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string { NSInteger existedLength = textField.text.length; NSInteger selecte
extjs中TextField输入长度限制
qq_20426717的博客
07-03 1687
Ext.define('Override.Ext.form.Text', { override: 'Ext.form.field.Text', /** * 重写目的：解决form中fieldtext中长度超过之后允许继续添加 */ afterRender: function () { if (!isNaN(this.maxLength) ...
Ext:TextField的Vtype默认类型
weixin_33985507的博客
06-16 224
Ext:TextField的Vtype默认类型 1、alpha字母和下划线 验证的正则表达式：/^[a-zA-Z_]+$/ 2、alphanum字母、数字或下划线 验证的正则表达式：/^[a-zA-Z0-9_]+$/ 3、email电子邮件 验证的正则表达式：/^([\w]+)(\.[\w]+)*@([\w\-]+\.){1,5}([A-Za-z]){2,4}$/...
Ext.Net/ExtJs：关于TextField控件内size、maxLength控制文本框输入字符长度属性失效问题分析以及解决方案
Fupengyao的博客
09-13 5129
今天发现这样一个关于Ext.Net内TextField文本框设置属性MaxLength、Size、MaxLengthText均失效问题，设置了此属性，依然可以无限制地输入文本信息。无奈之余，网上搜索了一番，发现在ExtJs版本内也会存在这个问题。 先给我自己的解决办法（这是一个可编辑grid，obj为遍历的出的列对象） if(obj.edittype == "text"
Ext文本输入框:Ext.form.TextField属性汇总
weixin_33721427的博客
06-01 562
Ext.form.TextField主要配置表: allowBlank Boolean 是否允许为空(默认true) blankText String 为空验证失败提示信息 emptyText String...
ExtJs中numberfiel限制输入框的输入长度
weixin_42254034的博客
06-03 720
限制数字输入框的输入长度 输入框输入过大的数字会自动变为科学计数法 为什么我加了maxLength限制了长度 输入框还能输进去超过我限制的长度？ 先看一下官方文档对maxLength的解释 翻译过来就是： 验证允许的最大输入字段长度。此行为旨在通过改进可用性向用户提供即时反馈，以允许粘贴和编辑或过度键入和回溯。 要限制可输入字段的最大字符数，请使用enforceMaxLength选项。 默认为Number.MAX\u值。 默认为： 最大值 问题就出在这 use the enforceMaxLength
Ext 整合富文本编辑器Tinymce插件
-花花程序圆
09-25 2270
手头有个项目需要做一个富文本编辑器，Ext自带的文本编辑器htmleditor功能不齐全，上网搜了很多资料，都是提供部分代码，研究了下，终于搞出来了，贴出教程供自己查看和别人借阅。 下载插件tinymce （中文版版本）地址附上链接: https://pan.baidu.com/s/1qXQyEKG 密码: vsf8 将下载下来的文件解压然后放到项目中，在index.html文件引入 <scri
Extjs中手机号文本框输入的长度设定
Carl——拥抱变化、拥抱自然、拥抱互联网
05-05 2668
如下为官方api给出的配置项 maxLength : Number 输入字段允许的最大字符数(默认为 Number.MAX_VALUE) ... 输入字段允许的最大字符数(默认为 Number.MAX_VALUE) Maximum input field length allowed (defaults to Number.MAX_VALUE) 事实上这个配置只能提示错误，不能
Ext2 验证
jzdzhiyun的专栏
11-30 1198
EXT为文本框控件自带了一些验证属性比如 allowBlank：这个属性设置是否可以为空false为不可以为空。blankText:如果这个文本框为空发出的错误信息。minLength：文本框的最小长度minLengthText:文本框的最小长度错误信息最大长度错误可以看AIP和上面的差不多。功能做强大的是Vtype属性EXT为了解决像email验证这类复杂的表
Ext限制输入的数据类型
Donny的专栏
12-25 566
数字类型——NumberField { header : '年龄', dataIndex : 'age', width : 100, sortable : true, editor:new Ext.Editor(new Ext.form.NumberField({ allowBlank:false,//不能为空 allowNegative:false,//不能输入负号 minV...
Ext 文本框 通过name 属性取值
最新发布
06-10
可以使用 Ext.getCmp() 方法或 Ext.ComponentQuery.query() 方法来获取 Ext 文本框的值，方法如下： 1. 使用 Ext.getCmp() 方法： ``` var value = Ext.getCmp('yourFieldName').getValue(); ``` 其中，'yourFieldName' 应替换为您所需的文本框的 name 属性值。该代码会返回一个字符串，即该文本框的值。 2. 使用 Ext.ComponentQuery.query() 方法： ``` var value = Ext.ComponentQuery.query('textfield[name=yourFieldName]')[0].getValue(); ``` 其中，'yourFieldName' 应替换为您所需的文本框的 name 属性值。该代码会返回一个字符串，即该文本框的值。 需要注意的是，如果您使用的是 ExtJS 4.x 版本，则需要使用 Ext.ComponentManager.get() 方法来获取组件，示例如下： ``` var value = Ext.ComponentManager.get('yourFieldName').getValue(); ``` 其中，'yourFieldName' 应替换为您所需的文本框的 name 属性值。该代码会返回一个字符串，即该文本框的值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值