flex用户登陆

最新推荐文章于 2014-04-19 19:49:28 发布

xiaoye042

最新推荐文章于 2014-04-19 19:49:28 发布

阅读量685

点赞数

分类专栏： FLEX 文章标签： flex function application string button layout

本文链接：https://blog.csdn.net/xiaoye042/article/details/2496142

版权

FLEX 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

<?xml version="1.0" encoding="gb2312"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initApp()">
<mx:states>
  <mx:State name="index">
   <mx:RemoveChild target="{panel1}"/>
   <mx:AddChild position="lastChild">
    <mx:Label x="454.5" y="217" text="欢迎到小页的主页来！" fontSize="32" color="#F53B1C"/>
   </mx:AddChild>
  </mx:State>
</mx:states>
<mx:Panel x="275" y="80" width="433" height="327" layout="absolute" title="小页用户登陆演示" fontSize="19" horizontalAlign="center" id="panel1">
  <mx:Label x="39" y="39" text="用户名"/>
  <mx:Label x="53" y="85" text="密码"/>
  <mx:TextInput x="109" y="37" id="txtUserName"/>
  <mx:TextInput x="110" y="81" id="txtPassword" displayAsPassword="true"/>
  <mx:Button x="74" y="190" label="登陆" id="btnLogin" click="loginHandle()"/>
  <mx:Button x="204" y="184" label="重置" id="btnReset" click="resetHandle()"/>
  <mx:Label x="34" y="136" text="校验码" />
  <mx:TextInput x="109" y="132" id="txtCheckCode"/>
  <mx:Label x="300" y="134" id="lblCheckCode"/>
  <mx:Label x="147" y="237" text="初始密码和用户均是：test"/>

</mx:Panel>
<mx:Script>
  <![CDATA[
   import mx.controls.Alert;
   private function loginHandle():void
   {
    if(txtUserName.text=="" || txtPassword.text=="")
    Alert.show("请输入完整的数据！");
    else
    {
     if(txtUserName.text=="test" && txtPassword.text=="test" && txtCheckCode.text.toLocaleLowerCase()==lblCheckCode.text.toLocaleLowerCase())
     {
    // Alert.show("登陆成功！");
     currentState="index"; //跳转状态
     }
     else
     {
      if(txtCheckCode.text.toLocaleLowerCase()!=lblCheckCode.text.toLocaleLowerCase())
      {
       Alert.show("校验码错误！");
       lblCheckCode.text=GenerateCheckCode();
      }
       else
       Alert.show("用户名或密码错误！");
     }
    }
   }
   private function resetHandle():void
   {
   txtUserName.text="";
   txtPassword.text="";
   }
   private function GenerateCheckCode():String
   {
    var ran:Number;
    var number:Number;
    var code:String;
    var checkCode:String="";
    //生成四位随机数
    for(var i:int=0;i<4;i++)
    {
    ran=Math.random();
    number=Math.round(ran*10000);
    if(number%2==0)
    code=String.fromCharCode(48+(number%10));
    else
    code=String.fromCharCode(65+(number%26));
    checkCode += code;
    }
    return checkCode;
   }
   private function initApp():void
   {
    lblCheckCode.text=GenerateCheckCode();
   }
  ]]>
</mx:Script>
</mx:Application>