Problem
To validate and submit a form you have to click on button to activate function. There is no action when you press enter key like in html.
Solution
Add KeyboardEvent event listener on form and listen for char code 13 (enter).
Detailed explanation
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="init()">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
public function init():void{
loginForm.addEventListener(KeyboardEvent.KEY_DOWN,checkKey);
}
public function submit():void{
Alert.show("Form submitted");
}
function checkKey(event:KeyboardEvent):void
{
if(event.charCode == 13)
submit();
}
]]>
</mx:Script>
<mx:Panel title="Log in" >
<mx:Form id="loginForm">
<mx:FormItem label="Username" >
<mx:TextInput id="username"/>
</mx:FormItem>
<mx:FormItem label="Password">
<mx:TextInput id="password" displayAsPassword="true"/>
</mx:FormItem>
</mx:Form>
<mx:ControlBar horizontalAlign="right">
<mx:LinkButton label="Submit" click="submit();" />
</mx:ControlBar>
</mx:Panel>
</mx:Application>
