`

TextInput如何限制文本输入的类型

    博客分类:
  • Flex
阅读更多

在制作Flash表单的时候,我们通常需要限定一下用户输入数据的类型,比如我有一个文本框用于输入电话号码,那么如果用户输入了字母和或者其它的非法格式的数据,我就要在逻辑上停止表单的提交以及给予用户充分的提示。这属于一个表单验证的范畴,一个思路是我们使用验证器(Flex框架内的或者我们自己定义的),在提交之前先用验证器验证输入格式是否合法(当然验证器内部的工作机制应该是基于正则表达式的)。

除了这种方式,我们还可以使用TextField本身的输入限制属性(TextField.restrict)来限制用户的输入类型。并且这个属性非常灵活的地方在于,它可以接受正则表达式,所以可以很好的完成输入验证。

比如一些常用的输入限制:

Java代码 复制代码
  1. my_txt.restrict = "A-Z 0-9";//仅允许在文本字段中输入大写字符、空格和数字  
my_txt.restrict = "A-Z 0-9";//仅允许在文本字段中输入大写字符、空格和数字
Java代码 复制代码
  1. my_txt.restrict = "^a-z";//包含除小写字母之外的所有字符  
my_txt.restrict = "^a-z";//包含除小写字母之外的所有字符
Java代码 复制代码
  1. my_txt.restrict = "\\-\\^";//以使用反斜杠输入 ^ 或 - 的本义。 认可的反斜杠序列为 \-、\^ 或 \\。 反斜杠在字符串中必须是一个本义字符,因此在 ActionScript 中指定时必须使用两个反斜杠。 这段代码只包含短划线 (-) 和尖号 (^)  
my_txt.restrict = "\\-\\^";//以使用反斜杠输入 ^ 或 - 的本义。 认可的反斜杠序列为 \-、\^ 或 \\。 反斜杠在字符串中必须是一个本义字符,因此在 ActionScript 中指定时必须使用两个反斜杠。 这段代码只包含短划线 (-) 和尖号 (^)
Java代码 复制代码
  1. my_txt.restrict = "A-Z^Q";//可在字符串中的任何地方使用 ^,以在包含字符与排除字符之间进行切换。 这段代码只包含除大写字母 Q 之外的大写字母  
my_txt.restrict = "A-Z^Q";//可在字符串中的任何地方使用 ^,以在包含字符与排除字符之间进行切换。 这段代码只包含除大写字母 Q 之外的大写字母
Java代码 复制代码
  1. my_txt.restrict = " -~";//只包含从 ASCII 32(空格)到 ASCII 126(代字号)之间的字符  
分享到:
评论

相关推荐

    react-native-otp-textinput:文本视图可用于OTP引脚实现

    React本地OTP文本输入 React可用于OTP和引脚的本机组件,作为安全的引脚输入。 安装 npm i -S react-native-otp-textinput 演示版 如何使用 请参考此以了解如何在各种情况下使用该模块。 平台支援 同时支持Android...

    输入文本类型「Input Type Text」-crx插件

    用明文显示所有密码。 这个应用程序的想法最初是出于某种恶作剧构思的,它是一种向在浏览器中存储密码的人讲授有关网络安全的课程的方法。 但是希望它可以对其他用例有所帮助! 支持语言:English (United States)

    flutter-native-text-input:从iOS到Flutter的本机文本输入

    Flutter的本机文本输入 使用iOS上的本机UITextView构建的文本输入小部件(此程序包目前仅支持iOS)。 安装 请遵循的说明 为什么要使用这个 许多iOS用户已经习惯了整个iOS上本机UITextView提供的微妙功能。 即使...

    javascript限制文本框输入值类型的方法

    本文实例讲述了javascript限制文本框输入值类型的方法。分享给大家供大家参考。具体分析如下: 要求:所有的文本框,只能输入数字和小数点,其他的符号一概不能输入; 重点是我希望在用户输入时就做限制,而不是提交...

    javascript 实现输入多行动态输入

    来收集<input type="text" name="name"/>中的name 但是我们每增加新的一行,参数名同上一行一样,那么,我们将如何获得value的值? 这里我又去看书(servlet 和 JSP 核心编程,极好的一本书,该讲的都讲了,读明白了它...

    HTML5&CSS3网页制作:Input元素的type属性.pptx

    <input type="控件类型" /> 说明 Input元素的type属性 02 单行文本框 描述 单行文本输入框常用来输入简短的信息,如用户名、账号、证件号码等,常用的属性有name、value、maxlength。 语法格式 <input type="text" /...

    ui-number-input:用于输入数字的 Ember CLI 控件; 意图成为数字和移动友好

    输入类型设置为“数字”(如果担心不支持 HTML5 输入类型,可以将其设置回“文本”) 非常轻量级的 CSS,它删除了不需要的视觉微调控件(有关视觉示例,请参见) pattern属性设置为,以便移动设备以数字键盘开头 ...

    custom-input-types:开源代表进行类型定制

    定制输入类型下载custom-input-types在[MIT许可]下发布,并支持现代环境。安装在浏览器中: < script src =" custom-input.min.js " > </ script > 使用npm: $ npm i -g npm$ npm i custom-input-types...

    react-native-emoji-input:一个功能齐全的表情符号键盘:keyboard:,用于React Native:atom_symbol:

    React本机表情符号输入 React Native的高性能,可定制的键盘输入。 专为制造和使用。 安装 npm install --save react-native-emoji-input 要么 yarn add react-native-emoji-input 如果更改了表情符号同义词文件...

    html表单制作及多种实例

    type属性定义了输入的类型(如"text"表示文本输入)。id属性为输入字段提供唯一的标识符,name属性定义了提交到服务器的字段名称。 • <input type="submit">: 提交按钮。点击此按钮将提交表单。 注意:这只是一个...

    jQuery-Ghost-Text:jQuery的插件,可提供幻影文本

    input id =" ghost " type =" text " value =" Sample Ghost Text " /> $ ( '#ghost' ) . ghostText ( ) ; 就像这样,当插件启动时,它是文本字段的值将成为“重影文本”,而当输入获得焦点时,它将删除重影文本...

    angular-moment-validate:使用 moment.js 根据格式验证 html 文本输入内容的 Angular 指令

    用于根据 moment.js 的日期格式验证输入中的文本的指令。 该指令解析输入,如果有效,将创建一个矩对象并将其放入模型中。 基本示例 <input type="text" moment-validate ng-model-options="{ updateOn: '...

    HTML5基础知识-HTML5表单.pptx

    根据不同的 type 属性,输入字段有多种形态:文本框复选框密码框单选按钮按钮……1表单元素-文本框文本框:允许用户输入单行的文本,这个控件常用来输入姓名、地址和电子邮件等,一般语法如下:<input type= "text" ...

    js限制文本框只能输入整数或者带小数点的数字

    input type=”text” value=”” t_value=”” o_value=”” onkeypress=”if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value

    ETL工具Kettle完整操作手册5.0带标签.pdf

    目前能找到的最新版本的用户手册,pdf带...9.5.1 文本文件输入(Text Input) 9.5.1.1 截图 9.5.1.2 图标 9.5.1.3 常用描述 9.5.1.4 选项 9.5.1.5 格式化 9.5.1.6 其它 9.5.2 表输入(Table Input) 9.5.2.1 截图 ...

    react-bootstrap-input-field:提供布局(引导程序)、图标、验证的文本框组件

    React input field 是一个为你处理输入组件的 react 组件演示: : ###特性类型 - 'default' 或 'withIcon' name - onChange 事件的标识符 (id) label - 要显示的标签value - 如果指定了默认值iconText -...

    html5 input属性使用示例

    placeholder 默认提示字符 autofocus 当页面加载时,会获得焦点的一个按钮 x-webkit-speech 语音搜索,webkit内核才支持 accept 规定可上传的文件类型(仅适用type=file) alt 规定图片输入控件代替文本 ...

    DynamicForm:antd移动json表格

    输入类型: input和area 选择类型: picker和select 多选类型: multiplePicker 开关类型: switch 时间选择类型: date 图片选择类型: image 选择地址类型: addressPicker 收音机按钮类型: radio和coverRadio ...

    使用placeholder属性设置input文本框的提示信息

    实例 带有 placeholder 文本的搜索字段: <form action="demo_form.asp" method="get"> <input type="search" name="user_search" placeholder="Search W3School" />... 类型:text, searc

    pureClearButton:Bootstrap + JQuery,输入清除按钮

    纯清除按钮Bootstrap + JQuery,输入...支持的输入类型文本密码电子邮件网址搜索电话数字约会时间方法.pureClearButtn('创建') 在 HTML DOM 中创建清除按钮。 $ ( "#inputText" ) . pureClearButton ( 'create' ) ; .

Global site tag (gtag.js) - Google Analytics