Switch Symbol Formatter

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" verticalAlign="top"

    horizontalAlign="center" backgroundGradientColors="[#570A0A, #731F1F]" paddingTop="0" backgroundGradientAlphas="[1.0, 1.0]">

   

    <mx:Script>

        <![CDATA[

       

            import mx.formatters.SwitchSymbolFormatter;               

            import mx.events.ValidationResultEvent;           

           

            private var vResult:ValidationResultEvent;

            // Event handler to validate and format input.           

            private function Format():void

            {

                vResult = scVal.validate();

                if (vResult.type==ValidationResultEvent.VALID) {

                    var switcher:SwitchSymbolFormatter=new SwitchSymbolFormatter('#');

                    formattedSCNumber.text =

                        switcher.formatValue("###-##-####", scNum.text);

                }

                else {

                    formattedSCNumber.text= "";

                }

            }

        ]]>

    </mx:Script>

   

   <mx:SocialSecurityValidator id="scVal" source="{scNum}" property="text"/>

       

    <mx:Panel title="SwitchSymbolFormatter Example" layout="vertical" color="0xffffff" borderAlpha="0.15"

         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center" x="10" y="10">

        

         <mx:Form color="0x323232" width="100%">

             <mx:Label text="Enter a 9 digit Social Security number with no separator characters:" />

            

             <mx:TextInput id="scNum" text="" width="50%" maxChars="9"/>

            <mx:Button label="Validate and Format" click="Format();"/>

           

            <mx:FormItem label="formatted Social Security number:">

                <mx:Label id="formattedSCNumber" text="" width="75%"/>

            </mx:FormItem>

        </mx:Form>

       

    </mx:Panel>

</mx:Application>