<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:validation="com.rocketmonkey.validation.*" viewSourceURL="srcview/index.html">
    
    <fx:Declarations>
        <validation:FileNameWinValidator
            id="regExInptValidator"
            source="{validateField}" 
            property="text"
            valid="handleValidationResult( event );" 
            invalid="handleValidationResult( event );"/> 
    </fx:Declarations>
    
    <fx:Script>
        <![CDATA[
            import mx.events.ValidationResultEvent;
            
            public function handleValidationResult( evt:ValidationResultEvent ):void 
            {    
                switch( evt.type )
                {
                    case ValidationResultEvent.VALID:
                        break;
                    case ValidationResultEvent.INVALID:
                        break;
                }
            }
            
            private function validatationHandler( evt:Event ):void
            {
                regExInptValidator.validate( validateField, false );
            }
            
        ]]>
    </fx:Script>

    <s:BorderContainer 
        id="contentContainer" 
        backgroundColor="#333333" 
        x="{ ( width >> 1 ) - ( contentContainer.width >> 1 )}"
        y="{ ( height >> 1 ) - ( contentContainer.height >> 1 )}">
        <s:VGroup top="10" bottom="10" left="10" right="10">
        <s:Label text="Examples of invalid windows 32 file names" color="#ffffff" />
        <s:Label text="Clock, $, COM1 etc..." color="#ffffff" />
            <mx:Form>
                <mx:FormItem>
                    <s:TextInput id="validateField" text="clock" />
                    <s:Button label="Validate" click="validatationHandler(event)" />
                </mx:FormItem>
            </mx:Form>
        </s:VGroup>
    </s:BorderContainer>
</s:Application>