Number 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.events.ValidationResultEvent;           

          private var vResult:ValidationResultEvent;

          // Event handler to validate and format input.           

          private function Format():void

          {

             vResult = numVal.validate();

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

            

                formattedNumber.text= numberFormatter.format(inputVal.text);

             }

            

             else {

                formattedNumber.text= "";

             }

          }

      ]]>     

    </mx:Script>

   

     <mx:NumberFormatter id="numberFormatter" precision="4" useThousandsSeparator="true" useNegativeSign="true"/>

    <mx:NumberValidator id="numVal" source="{inputVal}" property="text" allowNegative="true" domain="real"/>

       

    <mx:Panel title="NumberValidator 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">

            <mx:FormItem label="Enter number:">

                <mx:TextInput id="inputVal" text="" width="50%"/>

            </mx:FormItem>

            <mx:FormItem label="Formatted number (precision=4): ">

                <mx:Label id="formattedNumber" width="50%"/>

            </mx:FormItem>

            <mx:FormItem>

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

            </mx:FormItem>

        </mx:Form>

       

    </mx:Panel>

</mx:Application>