Home Flex Login.mxml

Questions:Ask|Latest

This is a small example of Login screen in flex, we assume that the userid should be roseindia and password is abc, if someone enter wrong id or password or just hit the submit button, an alert message will be displayed, if both the userid and password would correct then an welcome message in alert box will be displayed.

Login.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script source="Login.as"/>

<mx:Panel id="NewForm" title="Login Form" height="214" width="285" horizontalAlign="center" verticalAlign="middle" horizontalCenter="23" verticalCenter="2">
<mx:Label id="userid" text="User-id"/>
<mx:TextInput id="user" />
<mx:Label id="password" text="Password"/>
<mx:TextInput id="pass" displayAsPassword="true"/>
<mx:Button id="submit" label="Submit" click="log()"/>
<mx:Button label="Reset" labelPlacement="right" id="Reset" click="clear()"/>
</mx:Panel>

</mx:Application>

Login.as

import mx.controls.Alert;
public var u:String;
public var p:String;
public function log():void
{
u=user.text.toLowerCase();
p=pass.text.toLowerCase();
if((u==''||u!='roseindia')||(p==''||p!='abc'))
{
Alert.show('Wrong userid or Password','Sorry',Alert.OK | Alert.CANCEL);
}
else
{
Alert.show('Hi','Welcome',mx.controls.Alert.OK);
}
}
public function clear():void
{
user.text='';
pass.text='';

}