`

textinput restrict(正则表达式,约束,限定)

    博客分类:
  • Flex
阅读更多

通常要对输入TextInput中的数据进行验证,如:年龄等,如果避免这些简单的验证,而只需限制用户输入呢?下面我写了一个例子,也就是通过TextInput自带的restrict属性,实现的效果如下:

实现的代码如下:

<?xml version="1.0" encoding="utf-8"?>  
 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12">  
   
     <mx:Label x="540.5" y="57" text="flex TextInput restrict(正则表达式,约束,限定)" fontWeight="bold"/>  
     <mx:Text x="476.5" y="112" text="Flex中TextInput的一个比较有用的属性restrict(约束,限定),看下面例子:    "/>  
          
        <mx:Label x="476.5" y="156" text="1、"/>  
        <mx:TextInput id="test1" width="160" maxChars="20" restrict="0-9" text="0" x="509.5" y="154"/>  
       <mx:Text x="509" y="186" text="这个输入框最多只能输入20个字符,只能输入0到9之间的数字了,你如果输入别的是输入不进去的" color="#FF0000"/>  
         
       <mx:Label x="476.5" y="216" text="2、"/>  
       <mx:TextInput id="test2" width="160" maxChars="20" restrict="0-9\." text="0" x="509.5" y="214"/>   
       <mx:Text x="509.5" y="246" text="输入框可以输入0到9之间的数字,以及输入'.',中间必须用'\'分隔开来" color="#FF0000"/>  
         
       <mx:Label x="476.5" y="276" text="3、"/>  
       <mx:TextInput id="test3" width="160" restrict="0-9\ab" text="0" x="509" y="274"/>  
       <mx:Text x="509.5" y="306" text="输入框可以输入0到9之间的数字,以及a,或b" color="#FF0000"/>  
         
       <mx:Label x="476.5" y="336" text="4、"/>  
       <mx:TextInput id="test4" width="160" restrict="a-z" text="0" y="334" x="509"/>   
       <mx:Text x="509" y="366" text="可以输入a到z之间任何一个英文字母,'-'表示区间,如果要输入'-',就必须加'\',如\-" color="#FF0000"/>  
         
         
       <mx:Text x="242" y="422" text="结论:   
   用restrict有个好处,就是省去了验证的麻烦,比如检验是否为数字,如果加了restrict="0-9",就不需要检验了,因为这个输入框只能输入0到9之间的数字,别的输不进去"/>  
     
   </mx:Application>  

 

说白了就是在restrict中输入正则表达式进行输入的限制,只要掌握了正则表达的编写就可以实现简单的输入限制,避免了输入的严重

分享到:
评论

相关推荐

    angularjs自定义正则表达校验指令directive

    在JavaScript中,正则表达式用于进行字符串模式匹配。这里我们将使用它们来校验输入是否符合特定格式。例如,检查http链接可以使用`^https?:\/\/`开头的表达式,检查纯数字可以使用`\d+`。 四、实现http链接校验 1....

    ng-pattern-restrict:对于 AngularJS,仅允许基于正则表达式模式的某些输入

    初始化:从ng-pattern-restrict属性或pattern属性中保存要使用的正则表达式。 等待用户输入,然后到达input (对于任何值更改)、 keyup (对于键盘输入)或click (对于文本拖放、上下文复制粘贴等)。

    Flex中TextInput组件设置限制某些字符的输入的方法

    在Flex中,TextInput组件是用来允许用户输入文本的界面元素,而restrict属性则用于限制用户输入的文本内容,从而达到控制用户输入的目的。restrict属性支持正则表达式,这使得它能够灵活地定义允许或禁止输入的特定...

    angularjs自定义指令directive正则表达校验

    总结,AngularJS自定义指令为我们提供了一种灵活的方式,通过结合正则表达式,可以在前端实现高效的数据校验,提高用户体验并减少服务器端的负担。通过以上示例,你可以了解到如何创建和使用自定义指令进行HTTP地址...

    重写flex4的textinput控件

    可以设置控件里面显示的小数位数,通过restrict参数和小数位数动态控制,

    自动爬取网页CrawlSpider1

    `LinkExtractor`可以根据各种条件(如正则表达式、域名限制等)进行配置,以确定哪些链接应该被提取。 2. `callback`: 当`link_extractor`找到匹配的链接时,会调用这个回调函数。回调函数通常是自定义的解析方法,...

    html-restrict:HTML :: Restrict-剥离不需要HTML标记

    在这个场景下,Perl作为HTML :: Restrict的实现语言,是因为Perl的正则表达式和字符串处理能力强大,适合处理HTML这样的标记语言。 "strip-html"标签表明这个模块的主要功能是移除HTML标记。这通常是为了安全原因,...

    修改__RESTRICT,__restrict工具

    iOS 修改反注入标识__RESTRICT为其它值,同时具有注入功能

    Flex itemEditor详解

    &lt;mx:TextInput restrict="0-9" maxChars="3"/&gt; ``` 这里`restrict="0-9"`确保用户只能输入数字,而`maxChars="3"`则限制输入的最大字符数为3个数字。 #### 四、使用Flex控件作为ItemEditor 除了`TextInput`,Flex...

    数据库的完整性约束数据库的完整性约束

    参照完整性约束可以通过三种策略来实现:RESTRICT(限制策略)、CASCADE(级联策略)和 SET NULL(置空策略)。 用户自定义完整性约束是指用户可以根据需要定义各种完整性约束,包括非空约束、基于属性的 CHECK ...

    数据库的三种状态RESTRICT、QUIESCE和SUSPEND(三)

    本文主要探讨了数据库的三种特殊状态:RESTRICT、QUIESCE和SUSPEND,它们在不同场景下有着不同的作用和应用。我们将深入理解这三种状态,并结合实际应用场景进行详细解析。 1. RESTRICT状态: RESTRICT状态通常用于...

    mysql中的cascade级联,set null,restrict限制 都是什么意思,有何区别.zip

    在MySQL数据库中,当涉及到表间关系,特别是外键约束时,`CASCADE`, `SET NULL`, 和 `RESTRICT` 是三种常见的操作行为。这些行为定义了如何处理在删除或更新主表(父表)记录时,与之相关联的从表(子表)的记录。...

    Angularjs验证用户输入的字符串是否为日期时间

    &lt;input type="text" ng-model="yourDate" validate-date /&gt; ``` 通过这种方式,我们确保了用户输入的日期时间不仅符合基本的日期时间格式,还能处理特殊日期情况,提高了表单验证的准确性和健壮性。在实际开发中,...

    C 语言restrict 关键字的使用浅谈

    对对象的存取都限定于基于由restrict修饰的指针表达式中。 由restrict修饰的指针主要用于函数形参,或指向由malloc()分配的内存空间。restrict数据类型不改变程序的语义。编译器能通过作出restrict修饰的指针是存取...

    A-PDF Restrict Remover.exe

    A-PDF Restrict Remover.exe 可以破解pdf文件的密码的软件。

    修改__RESTRICT和__restrict为其他值

    ldidY

    MySQL的约束-外键约束

    在数据库设计中,数据完整性是至关重要的,而MySQL的约束机制正是为了确保数据完整性和一致性而设立的。本文将深入探讨其中的一种约束类型——外键约束(Foreign Key Constraint),它是关系数据库模型中的核心概念...

    android-restrict-user-input:该演示项目包含有关如何通过使用Android中的EditText组件将用户输入限制为仅允许的字符的源代码-How to use the source code

    此外,项目可能还包含了其他高级用法,比如自定义过滤规则(如日期格式、邮箱验证等)、使用正则表达式进行更复杂的过滤,或者在输入过程中给出实时反馈提示等。这些技术可以提高应用的用户体验,确保用户按照预期的...

    如何使用jQuery和JavaScript限制用户仅输入文本/数字

    在网页开发中,确保用户输入的数据符合预期格式是至关重要的,这可以防止...参考提供的PDF文档`How-to-restrict-user-to-enter-only-text-digit-usin.pdf`和可能的示例代码`LogOn.aspx`,可以深入理解并实践这些概念。

Global site tag (gtag.js) - Google Analytics