<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import mx.events.*;
import mx.validators.*;
private function validateForm():Boolean {
var booValid:Boolean = true;
var arrVals:Array = [valName, valEmail];
var arrResults:Array = Validator.validateAll(arrVals);
for each (var result:ValidationResultEvent in arrResults) {
if (result.type == ValidationResultEvent.INVALID) booValid = false;
}
return booValid;
}
private function submitForm():void {
if (validateForm()) {
mx.controls.Alert.show("Form is valid and has been submitted", "Rockon = true");
}
}
]]>
</mx:Script>
<mx:StringValidator id="valName" source="{inpName}" required="true" property="text" trigger="{btnSubmit}" triggerEvent="click"/>
<mx:EmailValidator id="valEmail" source="{inpEmail}" required="true" property="text" trigger="{btnSubmit}" triggerEvent="click"/>
<mx:Canvas left="10" top="10" right="10" bottom="10">
<mx:Panel width="300" height="180" layout="absolute" horizontalCenter="0" verticalCenter="0" title="Form">
<mx:Form left="10" top="10" right="10" bottom="10">
<mx:FormItem label="Name:" width="100%">
<mx:TextInput width="100%" id="inpName"/>
</mx:FormItem>
<mx:FormItem label="Email:" width="100%">
<mx:TextInput width="100%" id="inpEmail"/>
</mx:FormItem>
</mx:Form>
<mx:ControlBar horizontalAlign="right">
<mx:Button label="Submit" id="btnSubmit" click="submitForm()"/>
</mx:ControlBar>
</mx:Panel>
</mx:Canvas>
</mx:Application>