`
Snow_Young
  • 浏览: 29294 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

extjs的textfield禁止输入某些字符

阅读更多

这个问题困扰了我整整一天,之前使用网上的重写textfield添加侦听,然后处理keypress事件(http://extjs.com/forum/showthread.php?t=17532),结果发现效果不甚理想,而且需要在公共js中写一段代码,各自的textfield中同样也需要写一段代码。最后参考了numberfield源码,才很好的解决了这个问题:

 

initEvents : function() {
	var keyPress = function(e){
		var blockchars = ' ';
		var c = e.getCharCode();
		if(blockchars.indexOf(String.fromCharCode(c)) != -1){
			e.stopEvent();
		}
	};
	this.el.on("keypress", keyPress, this);
}

 

这段代码放到textfield的配置里面就可以了。回头可以考虑继承或者重写一下textfield,直接在它的配置里面设置blockchars就可以了。

 

另外,blockchars就是屏蔽的字符集合,上例中屏蔽的是空格。

 

转载请注明来源:http://sny7.iteye.com,谢谢!

分享到:
评论
1 楼 moment52 2013-04-07  
LZ我要屏蔽单引号呢

相关推荐

    extjs 5 textfield 金额控件扩展

    这可能包括检查值的范围、小数位数以及禁止输入非法字符。 5. **事件监听**:监听用户输入事件,如`keyup`或`change`,在事件触发时调用转换函数和验证规则。 6. **样式调整**:可能还需要对输入框的样式进行调整...

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

    在提供的压缩包中,"ext-3-TextField-sample.rar" 涉及到的是ExtJS 3.x版本中的TextField组件,这是一个基本的用户输入控件,常用于收集用户在网页上的文本信息。这个示例着重介绍了如何创建和使用TextField。 ...

    Extjs 性能优化 High Performance ExtJs

    在 Extjs 开发过程中,常常需要将字符串转换为对象或将对象转换为字符串,特别是在处理 JSON 数据时。合理地使用这些转换可以减少不必要的计算和内存占用,从而提高程序性能。 #### 五、定义对象数组 定义对象数组...

    Extjs 提示和正则表达式

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

    ExtJS登入验证码的实现

    它通常要求用户输入图片或音频中显示的一串随机字符,以证明他们是人类而非机器。在ExtJS中实现验证码功能,我们可以利用MVC(Model-View-Controller)架构,这是一种设计模式,可以有效地组织代码并提高可维护性。 ...

    extjs基础教程

    - **X 类型 (XTypes)**:EXTJS中的组件类型可以通过XTypes来标识,这是一套预定义的字符串常量,用于快速创建特定类型的组件,例如'panel'或'textfield'。 - **BoxComponent**: 所有的EXTJS组件都继承自...

    extjs中的formPanel以及表单的应用

    FormPanel 是 ExtJS 中的一个核心组件,用于创建和处理表单元素,包括输入字段、按钮、选择框等。它提供了丰富的功能,如数据验证、远程提交、异步加载等,是构建用户交互界面的关键部分。 在ExtJS中,FormPanel是...

    初试extJs,控件

    表单中的 `xtype:'textfield'` 表示创建的是一个文本输入框,`vtype:'specialChar'` 可能是一个自定义验证类型,用于限制输入字符的特殊规则。`anchor:'80%'` 设置了控件在容器中的宽度占80%。此外,表单还包括了三...

    extjs属性方法大全

    - `getValues([Boolean asString])`: 获取表单值,可选择是否返回字符串形式。 - `isDirty()`: 判断表单是否被修改过。 - `isValid()`: 验证表单是否有效。 - `load(Object options)`: 加载表单数据。 - `...

    ExtJs 文本框后附件单位

    例如,在输入数量时需要显示“个”、“人”等单位。这样的设计不仅提高了用户体验,还使得数据的含义更加清晰明确。然而,默认情况下,ExtJS并未提供直接的支持来实现在文本框后添加单位的需求。本文将详细介绍两种...

    如何提交Extjs 中的表单

    在ExtJS中,提交表单是一项常见的操作,用于将用户在表单中填写的数据发送到服务器进行处理。本文将详细讲解如何在ExtJS环境中实现表单的提交,并结合Java Web后端进行交互。 首先,我们需要了解ExtJS中的表单组件...

    Extjs中常用表单介绍与应用

    通过灵活运用ExtJS的表单组件,可以创建功能丰富的表单界面,并且能够有效地处理用户输入的数据。 总结来说,ExtJS中的表单组件为开发者提供了丰富的接口来创建具有复杂验证逻辑和良好用户体验的Web表单。通过学习...

    Extjs表单中的通用组件

    在Extjs中,创建一个简单的文本框非常直观,只需要定义`xtype`为`textfield`即可。例如: ```javascript { xtype: 'textfield', name: 'username', fieldLabel: '用户名' } ``` 这里的`name`属性是表单提交时的...

    Ext_cmd.zip_ext cmd_extjs cmd 开发

    Textfield用于输入命令,Button用于触发命令执行。 2. **命令解析**:当用户点击按钮时,捕获输入框中的命令,进行解析。这可能需要自定义函数来识别不同的命令关键字并拆分参数。 3. **命令执行**:根据解析的...

    Extjs属性大全

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

    extjs树形结构实现系统主界面功能框架借鉴.pdf

    4. **自定义EXTJS组件**:文档展示了如何扩展EXTJS的TextField组件来添加单位显示功能。`unitText` 属性用于定义单位字符串,当单位字符串存在时,会在输入框后方自动添加一个包含单位的元素,并相应地调整输入框的...

    Extjs基础教程

    3. **文本框**(TextField):用于接收用户输入的文本。 4. **列表**(List):显示列表项,支持拖拽排序等功能。 5. **网格**(Grid):用于展示表格形式的数据。 6. **树**(Tree):用于展示分层次的数据结构。 7...

Global site tag (gtag.js) - Google Analytics