<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="" xmlns="*" layout="vertical" creationComplete="initApp()">
<mx:states>
<!--新建“index”State-->
<mx:State name="index">
<!--移除“登录框”-->
<mx:RemoveChild target="{panel1}"/>
<!--添加新的组件-->
<mx:AddChild position="lastChild">
<mx:Label x="231" y="174" text="欢迎来到主页" fontFamily="Georgia" fontSize="20" />
</mx:AddChild>
</mx:State>
</mx:states>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
private function initApp():void{
lblCheckCode.text=GenerateCheckCode();
}
private function loginHandle():void{
if(txtUsername.text=="" || txtPassword.text==""){
Alert.show("用户名或者密码输入不完整!");
}
if(txtUsername.text=="licui"&& txtPassword.text=="123" && txtCheckCode.text.toLocaleLowerCase()==lblCheckCode.text.toLocaleLowerCase()){
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="";
txtCheckCode.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*1000);
if(number%2==0)
code=String.fromCharCode(48+(number%10));
else
code=String.fromCharCode(65+(number%26));
checkcode+=code;
}
return checkcode;
}
]]>
</mx:Script>
<mx:Panel x="108" y="71" width="349" height="257" layout="absolute" title="用户登录" fontFamily="Georgia" fontSize="12" id="panel1">
<!-- "用户名"标签 -->
<mx:Label x="41.5" y="33" text="用户名"/>
<!-- "密码"标签 -->
<mx:Label x="42.5" y="81" text="密码"/>
<!-- "用户名"输入框 -->
<mx:TextInput x="94.5" y="33" id="txtUsername"/>
<!-- "密码"输入框 -->
<mx:TextInput x="95.5" y="81" id="txtPassword" displayAsPassword="true"/>
<!-- "登录"按钮 -->
<mx:Button x="82.5" y="159" label="登录" id="btnLogin" click="loginHandle()"/>
<!-- "重置"按钮 -->
<mx:Button x="181.5" y="159" label="重置" id="btnReset" click="resetHandle()"/>
<!-- "校验码"标签 -->
<mx:Label x="165.5" y="125" id="lblCheckCode" width="42.5" color="#377CD0"/>
<mx:LinkButton x="216" y="123" label="看不清楚?" id="linkbtnReGenerate" click="lblCheckCode.text=GenerateCheckCode();" fontFamily="Georgia" fontSize="11"/>
<mx:Label x="39.5" y="123" text="校验码"/>
<!-- "校验码"输入框 -->
<mx:TextInput x="96.5" y="121" id="txtCheckCode" width="61" maxChars="4"/>
</mx:Panel>
</mx:Application>
友情链接:珀莱雅 欧诗漫 专卖
http://store.taobao.com/shop/view_shop.htm?mytmenu=mdianpu&utkn=g,2djlrizuga4a1324992712104&user_number_id=372143050
分享到:
相关推荐
**FLEX验证码详解** 在网络安全领域,验证码是一种广泛使用的安全机制,用于防止自动化脚本或机器人进行恶意操作,如垃圾邮件发送、账户注册等。FLEX验证码是其中一种基于Adobe Flex技术实现的图形验证码,它结合了...
本例展示了一个简单的Flex验证码生成机制。通过一系列定制的按钮,不仅实现了美观的用户界面,还通过定义点击事件处理函数来模拟了验证码的验证过程。这种做法可以作为开发类似功能时的一个参考案例。通过学习本例,...
Flex验证码是一种基于Adobe Flex技术实现的图形验证码,用于防止自动化脚本或机器人程序对网站进行恶意操作,如垃圾注册、刷票等。Flex是Adobe公司推出的一种富互联网应用程序(Rich Internet Application, RIA)...
该文件包中包含一个可运行的flex工程,感兴趣的朋友可直接将其导入flexBuilder3中运行一下,来看看它的效果。它是一个包含有flex+AS制作的验证码的登陆界面。
标题中的“入门简单的FLEX验证码一例”是指一个适合初学者理解并实践的FLEX验证码实现教程。FLEX是Adobe Flex的简称,它是一个用于构建富互联网应用(RIA)的开源框架,基于ActionScript和MXML语言。在这个例子中,...
是flex4写的一个验证码的小程序。具体效果可见: http://sea68.com/hjx2563/validate.swf
在这个"flex 生成验证码"的实例中,我们主要关注的是如何在Flex中实现动态生成验证码的功能。验证码是网络安全的一种常见机制,用于防止自动化的机器人或恶意软件进行欺诈性操作,例如批量注册、垃圾邮件发送等。 ...
- 页面布局使用了flex布局,以简洁的方式排列各输入框和按钮。 2. 微信小程序页面逻辑处理 JavaScript文件(index.js)主要负责处理小程序的逻辑部分。 - 定义了各种状态变量,如隐藏状态hidden、按钮值btnValue、...
Flex是一种基于Adobe Flash的框架,用于开发跨平台的富互联网应用程序。Flex编程技巧涉及多种方法和技术,可以提高开发效率、优化用户体验,并解决常见编程问题。以下是从提供的文件中提取的Flex编程相关知识点。 1...
详情请看内容 运用字符串随机生成0-9A-Za-z的4位验证码
display: flex; align-items: center; } input { width: 80px; margin-right: 10px; } button { /* 添加相应的按钮样式 */ } ``` 最后,我们需要在 `App.vue` 或其他父组件中引入并使用 `InputCode` 组件: ...
在微信小程序开发中,6位验证码输入框是一个常见的功能组件,尤其在用户验证身份或确认操作时使用。本文将深入探讨如何实现这样一个输入框,并解决其中遇到的关键问题——隐藏光标和letter-spacing属性失效。 首先...
Flex是Adobe公司开发的一种富互联网应用程序(Rich Internet Application,RIA)框架,主要用于构建具有动态图形、交互性丰富的Web应用。MySQL则是一种广泛使用的开源关系型数据库管理系统(RDBMS),以其小巧、高效...
Flex是Adobe公司开发的一种基于ActionScript 3.0的开源框架,主要用于构建富互联网应用程序(RIA)。这个"flex制作的旋转色块验证特效"是一种创新的用户验证方式,旨在提高网站的安全性和用户体验。通过视觉上的交互...
在前端开发中,创建一个带有图片验证码的登录页面是相当常见的需求。图片验证码的主要目的是防止自动化的机器人或恶意脚本进行非法操作,如批量注册、密码破解等。它通过要求用户输入图片上显示的一串随机字符来验证...
此外,应用可能还会涉及验证码、session管理、XSS防护等安全措施。 7. **错误处理**:在前后端都要处理可能出现的错误,如网络问题、数据库连接错误、无效的用户输入等,并向用户清晰地反馈错误信息。 这个项目...
在探讨“12条有用的Flex代码”这一主题时,我们深入挖掘了Flex编程中的实用技巧与代码片段。Flex是一种用于构建高性能、跨平台的桌面和移动应用程序的软件框架,尤其适用于开发具有丰富交互性的Web应用。下面,我们...
display: flex; justify-content: center; align-items: center; } .vcode-input { width: 80%; height: 40rpx; border-radius: 20rpx; padding: 0 20rpx; font-size: 32rpx; background-color: #fff; ...
标题 "PureMVC+Flex+Jsp+Mysql实现用户登录注册" 描述了...然而,实际开发时还需要考虑安全性问题,例如对用户输入进行过滤以防止SQL注入,使用加密技术保护用户密码,以及实现验证码等功能来防止恶意注册和登录尝试。
<div class="form-group" style="display: flex;"> 验证码: 请输入您的验证码" /> <!-- 验证码组件 --> <s-identify :identifyCode="identifyCode"></s-identify> ``` CSS样式用于美化验证码输入框和...