`
shuaiqixiao4
  • 浏览: 54260 次
  • 性别: Icon_minigender_1
  • 来自: 天津
最近访客 更多访客>>
社区版块
存档分类

FLEX 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属性支持正则表达式,这使得它能够灵活地定义允许或禁止输入的特定...

    重写flex4的textinput控件

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

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

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

    Flex itemEditor详解

    默认情况下,当`editable`属性设置为`true`时,Flex会在列表控制中自动启用`TextInput`作为编辑器。例如,在`DataGrid`中,只需要将`editable`属性设为`true`,就可以实现在单元格内的直接编辑功能。对于特定的列,...

    自动爬取网页CrawlSpider1

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

    flex中时分秒计算

    &lt;mx:TextInput id="txtHour" height="100%" restrict="0-9" maxChars="2" text="00" mouseDown="setTextFocus(event)" styleName="textStyle" errorString="" keyDown="keyHandler(event)"/&gt; ``` 这里使用`Text...

    flex基本控件总结

    &lt;mx:TextInput text="{myInputText}" restrict="0-9" maxChars="20"/&gt; ``` restrict属性限制输入内容,maxChars限制最多字符数。 4. TextArea(文本区域):允许编辑文本,可有滚动条,支持HTML和富文本。可以设置...

    Flex考试题.docx

    2. **TextInput组件的属性:** - text:获取或设置文本框中的文本。 - password:以密码形式显示输入信息。 - restrict:限定用户输入的字符范围。 - editable:设定文本框是否可编辑。 3. **限制文本框输入...

    Flex4倒计时源码(带声音)

    一个很不错的Flex倒计时源码 技术要点TextInput组件的restrict属性应用如(0-9)意味着用户只能输入数字,还有那个倒计时的算法,同时可播放声音

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

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

    修改__RESTRICT,__restrict工具

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

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

    参照完整性约束可以通过三种策略来实现: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` 是三种常见的操作行为。这些行为定义了如何处理在删除或更新主表(父表)记录时,与之相关联的从表(子表)的记录。...

    Flex 常用实现小功能的语句

    TextInput.restrict = "a-zA-Z0-9"; ``` 该属性用于限制 `TextInput` 控件允许输入的字符类型。在此例中,只允许输入字母和数字。 - **自定义 DataGrid 标签函数**: ```actionscript private function format...

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

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

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

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

Global site tag (gtag.js) - Google Analytics