Cairngorm Code

<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    layout="vertical"
    xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns:validators="com.adobe.cairngorm.validation.*">
    <mx:Script>
        <![CDATA[
            import sample3.Sample3Model;

            [Bindable]
            private var pm:Sample3Model = new Sample3Model();
        ]]>
    </mx:Script>

    <validators:ValidatorGroupSubscriber resetValidationFeedbackOnFocusIn="true">
        <validators:ValidatorSubscriber 
			validator="{ pm.validatorGroup.firstnameValidator }" listener="{ firstnameInput }"/>
        <validators:ValidatorSubscriber 
			validator="{ pm.validatorGroup.lastnameValidator }" listener="{ lastnameInput }"/>
    </validators:ValidatorGroupSubscriber>


    <mx:Form width="300">
        <mx:FormItem label="firstname">
            <mx:TextInput id="firstnameInput"
                text="{ pm.firstname }"
                change="pm.firstname = firstnameInput.text"/>
        </mx:FormItem>

        <mx:FormItem label="lastname">
            <mx:TextInput id="lastnameInput"
                text="{ pm.lastname }"
                change="pm.lastname = lastnameInput.text"/>
        </mx:FormItem>

        <mx:FormItem 
            width="100%"
            backgroundColor="{ pm.validatorGroup.isValid ? 0xFF00 : 0xFF0000 }"
            label="FORM VALIDITY">
            <mx:Label text="{ pm.validatorGroup.isValid }"/>
        </mx:FormItem>
    </mx:Form>

    <mx:Button label="validate" click="pm.validate()"/>
    <mx:Button label="reset listeners" click="pm.validatorGroup.reset()"/>
	
   <mx:Button 
        fillColors="{ pm.validatorGroup.enabled ? [ 0xFF00, 0xCC00 ] : [ 0xFF0000, 0xCC0000 ] }"
        label="{ pm.validatorGroup.enabled ? 'disable ' : 'enable ' } validatorGroup"
        click="pm.validatorGroup.enabled = !pm.validatorGroup.enabled"/>

</mx:Application>