`

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(代字号)之间的字符  
分享到:
评论

相关推荐

    kivy_TextInput.rar

    1. **多行与单行**:`TextInput`默认为单行输入,但可以通过设置`multiline`属性为`True`来启用多行文本输入。 2. **文本属性**:`text`属性用于获取或设置当前显示的文本。`text_size`属性可以用来限制文本宽度,...

    限制文本框只能输入double类型

    这种方法有效地确保了文本框内的所有输入都是合法的double类型数据,这对于数据的准确性和后续处理至关重要。同时,它还提高了用户界面的友好性和应用程序的健壮性,减少了因非法输入引发的潜在错误。

    DOM3中的js textInput文本事件

    在讨论DOM3标准中新增加的js textInput文本事件时,我们首先要明确它是在什么背景下被引入的,以及它与之前事件有什么区别和联系。DOM3标准,即文档对象模型级别3标准,它是对DOM技术的进一步扩展,旨在提供更加丰富...

    控制输入框只能输入数字

    此函数是核心处理函数,它接收输入的字符串、选中文本的位置、选中文本的长度、待输入的字符、输入类型以及小数位数限制作为参数。根据这些参数,函数决定是否允许用户输入该字符。 ```pascal procedure ...

    形考任务六 HTML 表单用于搜集不同类型的用户输入,包括文本输入、单选按钮输入、提交按钮,达到效果入下图所示。.zip

    HTML(HyperText Markup Language)是创建网页的标准标记语言,它提供了构建交互式表单的强大工具,使得用户可以...在形考任务六中,你需要熟练掌握文本输入、单选按钮和提交按钮的用法,创建出符合要求的交互式表单。

    script脚本实现文本限制输入

    根据提供的文件信息,我们可以深入探讨如何使用脚本实现文本输入限制这一知识点。 ### 脚本实现文本输入限制 在Web开发中,我们经常会遇到需要限制用户输入的情况,比如只允许输入数字、字母或者特定格式的数据等...

    input只能输入数字英文字母汉字

    以上示例展示了如何利用JavaScript和HTML实现对`<input>`元素的输入限制,确保用户只能输入指定类型的字符。这种方法广泛应用于表单验证、数据录入系统等场景,有效防止了无效或错误数据的提交,提高了数据质量和...

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

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

    input,验证,闪动,自动删除,限制输入

    以上内容总结了给定文件中的关键知识点,包括不同类型的输入限制、IME模式的设置、输入验证提示以及自定义验证函数的编写。这些技巧可以帮助开发者更好地控制用户的输入行为,提高应用的安全性和用户体验。

    十四种不同类型的input字段文字输入效果

    1. **text**:这是最基础的输入类型,允许用户输入任意文本。默认情况下,它创建一个单行文本框。 2. **password**:用于创建密码输入框,输入的字符会被隐藏,以星号或圆点表示,保护用户隐私。 3. **email**:...

    限制TextBox只能输入整数或者小数

    ### 二、限制TextBox输入类型:整数与小数 #### 1. 使用KeyDown事件处理数字输入 为了限制`TextBox`只接受整数或小数输入,可以监听`KeyDown`事件,检查按键是否为数字键或小数点。以下是一个基本的事件处理器示例...

    React-Native TextInput组件详解及实例代码

    React-Native 的 `TextInput` 组件是用于创建用户输入字段的核心组件,它可以处理文本输入、密码输入等场景。在移动应用开发中,`TextInput` 是不可或缺的部分,它为 Android 和 iOS 提供了一致的跨平台体验。下面...

    jQuery 文本文本框输入字符限制插件.

    总的来说,"jQuery 文本文本框输入字符限制插件"是一个实用的前端工具,它能够帮助开发者创建更加直观和用户友好的文本输入限制,提升网站或应用的交互体验。在实际项目中,结合其他技术如 PHP 或 JSP,可以实现更多...

    js限制文本框输入内容

    1. **文本框类型**:HTML中的`<input>`元素有多种类型,如`text`(文本)、`number`(数字)、`date`(日期)等,不同的类型会限制用户输入特定类型的数据。 2. **事件监听**:JavaScript通过事件监听来处理用户的...

    完整版编辑框限制输入特定文本例程.e.rar

    在IT领域,编辑框(通常是文本输入框或文本域)是用户界面中常见的元素,用于接收用户的文本输入。在某些应用场景下,我们可能需要对编辑框的输入进行限制,例如只允许用户输入特定类型的文本,如数字、字母、日期等...

    文本框限制输入字符类型

    在这个示例中,我们首先指定了文本框的输入类型为文本类型,然后通过`getAcceptedChars()`方法指定了允许输入的字符集。这种方式更加灵活,可以根据需要定制不同的字符集。 #### 总结 通过以上两种方法,我们可以...

    文本输入控件应用.rar

    在各种软件和网页中,我们都能看到各种类型的文本输入控件,如单行文本框、多行文本区域、密码输入框、下拉选择框、日期选择器等。这些控件在日常操作中扮演着不可或缺的角色,极大地提升了人机交互的效率。 1. ...

    批输入物料基础数据长文本SAP

    本文将详细介绍一个用于批量输入物料基础数据长文本的ABAP报告——`ZMRRXO_INPUT_LONGTXT`。 #### 报告结构 该报告主要由以下几个部分组成: 1. **数据声明**:这部分包括了报告中需要用到的各种数据类型的定义。 ...

    text_input_controller.rar_Giving

    在IT行业中,文本输入控制器(Text Input Controller)是网页开发中的一个重要组件,它与浏览器的交互密切相关,特别是在处理各种插件的文本输入状态时。在本案例中,我们讨论的"**text_input_controller.rar_Giving...

    js限制textarea每行输入字符串长度的代码.docx

    在HTML中,`textarea`控件不像`input[type="text"]`那样可以直接通过`maxlength`属性设置最大输入长度。因此,我们需要使用JavaScript来实现这一功能,尤其是当我们要限制每行的字符数时。 以下是一个JavaScript...

Global site tag (gtag.js) - Google Analytics