Home Flex Login.mxml
Questions:Ask|Latest



Login.mxml
Posted on: September 22, 2006 By Deepak Kumar
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

     

 

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. In this example you will have different mxml file and action script file.

 

 

 

<?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='';
 
  }


  

 


Recommend the tutorial

Ask Questions?    Discuss: Login.mxml  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments