<?xml version="1.0" encoding="utf-8"?>
  <!-- Simple example to demonstrate ZipCodeFormatter. -->
  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
  
      <mx:Script>
          <![CDATA[
  
              import mx.events.ValidationResultEvent;                        
              private var vResult:ValidationResultEvent;
  
              // Event handler to validate and format input.
              private function Format():void 
              {
                  vResult = zcVal.validate();
                  
                  if (vResult.type==ValidationResultEvent.VALID) {
                      formattedZipcode.text= zipFormatter.format(zip.text);
                  }
                  
                  else {
                      formattedZipcode.text= "";
                  }
              }
          ]]>      
      </mx:Script>
  
      <mx:ZipCodeFormatter id="zipFormatter" formatString="  
-  
"/>



  
      <mx:ZipCodeValidator id="zcVal" source="{zip}" property="text" allowedFormatChars=""/>
  
      <mx:Panel title="ZipCodeFormatter Example" width="75%" height="75%" 
              paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
  
          <mx:Form width="100%">
              <mx:FormItem label="Enter a 5 or 9 digit U.S. ZIP code:" width="100%">
                  <mx:TextInput id="zip" text=""/>
              </mx:FormItem>
  
              <mx:FormItem label="Formatted ZIP code: " width="100%">
                  <mx:TextInput id="formattedZipcode" text="" editable="false"/>
              </mx:FormItem>
  
              <mx:FormItem>
                  <mx:Button label="Validate and Format" click="Format();"/>
              </mx:FormItem>
          </mx:Form>
  
      </mx:Panel>
  </mx:Application>