Flex中空格处理函数StringUtil类trim()方法用法的例子

By Minidxer | August 24, 2008

接下来的例子演示了Flex中如何利用StringUtil类trim()方法对空格进行处理。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Style>
  8.         .errorTip {
  9.             borderColor: haloBlue;
  10.         }
  11.     </mx:Style>
  12.  
  13.     <mx:Script>
  14.         <![CDATA[
  15.             import mx.controls.Alert;
  16.             import mx.controls.TextInput;
  17.             import mx.utils.StringUtil;
  18.             import mx.validators.Validator;
  19.  
  20.             private function trimStr(evt:FocusEvent):void {
  21.                 var ti:TextInput = TextInput(evt.currentTarget);
  22.                 ti.text = StringUtil.trim(ti.text);
  23.             }
  24.  
  25.             private function validateForm():void {
  26.                 var errors:Array = Validator.validateAll(validatorArray);
  27.                 if (errors.length) {
  28.                     Alert.show("Form is somehow invalid.", "INVALID");
  29.                 } else {
  30.                     Alert.show("Form is valid.", "VALID");
  31.                 }
  32.             }
  33.         ]]>
  34.     </mx:Script>
  35.  
  36.     <mx:Array id="validatorArray">
  37.         <mx:StringValidator id="firstNameValidator"
  38.                 source="{firstName}"
  39.                 property="text"
  40.                 required="true" />
  41.         <mx:StringValidator id="lastNameValidator"
  42.                 source="{lastName}"
  43.                 property="text"
  44.                 required="true" />
  45.         <mx:EmailValidator id="emailValidator"
  46.                 source="{email}"
  47.                 property="text"
  48.                 required="true" />
  49.     </mx:Array>
  50.  
  51.     <mx:Form>
  52.         <mx:FormItem label="First name:" required="true">
  53.             <mx:TextInput id="firstName" focusOut="trimStr(event)" />
  54.         </mx:FormItem>
  55.         <mx:FormItem label="Last name:" required="true">
  56.             <mx:TextInput id="lastName" focusOut="trimStr(event)" />
  57.         </mx:FormItem>
  58.         <mx:FormItem label="Email:" required="true">
  59.             <mx:TextInput id="email" focusOut="trimStr(event)" />
  60.         </mx:FormItem>
  61.         <mx:FormItem>
  62.             <mx:Button label="Submit" click="validateForm()" />
  63.         </mx:FormItem>
  64.     </mx:Form>
  65.  
  66. </mx:Application>

代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Flex | Tags: , , , , , ,

Related Post

2 comments | Add One

Trackbacks

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll

Sponsored Ads