servlet 实现注册功能的前台代码
<?xml version="1.0" encoding="UTF-8"?>
<s:Group
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
creationComplete="group1_creationCompleteHandler(event)"
width="529" height="302" alpha="0.8" >
<s:layout>
<s:VerticalLayout horizontalAlign="center" useVirtualLayout="true">
</s:VerticalLayout>
</s:layout>
<s:Panel width="100%" height="100%">
<s:VGroup width="100%" height="100%" >
<s:Group width="100%" height="20%">
<s:layout>
<s:HorizontalLayout useVirtualLayout="true" verticalAlign="middle" >
</s:HorizontalLayout>
</s:layout>
<mx:Label text="用户名:" width="100" textAlign="right"/>
<s:TextInput width="50%" id="userNameTxt"/>
</s:Group>
<s:Group width="100%" height="20%">
<s:layout>
<s:HorizontalLayout useVirtualLayout="true" verticalAlign="middle">
</s:HorizontalLayout>
</s:layout>
<mx:Label text="密码:" width="100" textAlign="right"/>
<s:TextInput width="50%" displayAsPassword="true" id="passWordTxt" />
</s:Group>
<s:Group width="100%" height="20%">
<s:layout>
<s:HorizontalLayout useVirtualLayout="true" verticalAlign="middle">
</s:HorizontalLayout>
</s:layout>
<mx:Label text="性别:" width="100" textAlign="right"/>
<mx:ComboBox selectedIndex="-1" prompt="请选择性别" labelField="name" width="10%" dataProvider="{dp}" id="sex">
</mx:ComboBox>
</s:Group>
<s:Group width="100%" height="20%" >
<s:layout>
<s:HorizontalLayout useVirtualLayout="true" verticalAlign="middle">
</s:HorizontalLayout>
</s:layout>
<s:Button label="确定" id="regist_queding" click="regist_queding_clickHandler(event)"/>
<s:Button label="关闭" id="regist_colse" click="regist_colse_clickHandler(event)"/>
</s:Group>
</s:VGroup>
</s:Panel>
<fx:Script>
<![CDATA[
import mx.validators.Validator;
import mx.rpc.events.ResultEvent;
import mx.collections.ArrayCollection;
import mx.managers.PopUpManager;
import mx.controls.Alert;
import mx.events.FlexEvent;
[Bindable]
public var bgColor:uint;
[Bindable]
private var dp:ArrayCollection=new ArrayCollection([{name:'男'},{name:'女'}]);
protected function image1_clickHandler(event:MouseEvent):void
{
PopUpManager.removePopUp(this);
}
protected function regist_queding_clickHandler(event:MouseEvent):void
{
if(Validator.validateAll(validatorArray).length==0){
var par:URLVariables = new URLVariables();
par.userName=userNameTxt.text;
par.passWord=passWordTxt.text;
par.sex=sex.selectedLabel;
regist.send(par);
}else{
userNameTxt.dispatchEvent(new MouseEvent(MouseEvent.MOUSE_OVER));
passWordTxt.dispatchEvent(new MouseEvent(MouseEvent.MOUSE_OVER));
sex.dispatchEvent(new MouseEvent(MouseEvent.MOUSE_OVER));
}
}
protected function regist_colse_clickHandler(event:MouseEvent):void
{
PopUpManager.removePopUp(this);
}
protected function regist_resultHandler(event:ResultEvent):void
{
var mes:String = event.message.body.toString();
if(mes=="true"){
Alert.show("注册成功");
// PopUpManager.removePopUp(this);
}else{
Alert.show("注册失败");
}
}
protected function group1_creationCompleteHandler(event:FlexEvent):void
{
bgColor=Math.random()*0xFFFFFF;
}
]]>
</fx:Script>
<fx:Declarations>
<s:HTTPService id="regist" url="../servlet/UserServlet?action=regist" result="regist_resultHandler(event)">
</s:HTTPService>
<fx:Array id="validatorArray">
<mx:StringValidator source="{userNameTxt}" property="text" tooShortError="最少要5个字符" requiredFieldError="不能为空"
tooLongError="最长不能超长20个字符" minLength="5" maxLength="20"/>
<mx:StringValidator source="{passWordTxt}" property="text" tooShortError="最少要6个字符" requiredFieldError="不能为空"
tooLongError="最长不能超长20个字符" minLength="6" maxLength="20"/>
<mx:NumberValidator source="{sex}" lowerThanMinError="请选择性别" property="selectedIndex" minValue="0"/>
</fx:Array>
</fx:Declarations>
</s:Group>
分享到:
相关推荐
在Flex应用程序中,经常需要取随机颜色,以便实现特殊的视觉效果。使用`lbl.setStyle('color', 0xffffff*Math.random());`语句可以实现这一功能。 8. 清除子串左侧空格 在Flex应用程序中,经常需要清除子串左侧...
在这个"flex 生成验证码"的实例中,我们主要关注的是如何在Flex中实现动态生成验证码的功能。验证码是网络安全的一种常见机制,用于防止自动化的机器人或恶意软件进行欺诈性操作,例如批量注册、垃圾邮件发送等。 ...
要设置随机颜色,可以使用JavaScript的Math.random()函数乘以0xffffff,并转换为十六进制颜色值。 8. 删除字符串空白字符 删除字符串中的空白字符可以使用ActionScript中的String.replace方法结合正则表达式。trim...
- **Tween** 类:Flex提供了一些内置的Tween类,如SimpleMotionPath和MotionPath,可以用于平滑地改变对象的属性,如位置、大小或颜色,实现海浪的起伏效果。 - **ENTER_FRAME 事件**:监听这个事件,可以在每一帧...
1. **生成随机字符串**:首先,生成一个包含字母、数字或者特殊字符的随机字符串。这个字符串将作为用户需要输入的验证码内容。 2. **图像处理**:使用Flex的图形API,如`BitmapData`和`Graphics`类,生成扭曲、...
7. **取随机颜色**:通过将十六进制颜色值乘以随机数,然后设置为标签的文本颜色,可以得到一个随机颜色。例如,`lbl.setStyle('color', 0xffffff * Math.random())`会将标签的文字颜色设置为随机的十六进制颜色。 ...
从上面的代码示例中,可以看出利用了`Random`和`GregorianCalendar`类来生成随机的股票价格和日期数据。 - 代码中有一个循环,通过`Random`类产生一定数量的股票数据项,每项数据包含日期、价格值以及一个虚拟的...
12. **生成验证码**:生成随机的四位验证码,通过生成随机数并将其转换为ASCII字符实现,如所示的`GenerateCheckCode()`函数。 此外,对于FLEX应用的外观调整,如改变SWF(ShockWave Flash)的尺度、背景颜色或帧率...
核心部分在于JavaScript,它负责处理用户的点击事件,更新输入框的内容,并可能包含一些额外的功能,如随机生成数字、限制输入长度等。 ```javascript const keys = document.querySelectorAll('.key'); const ...
通过`Math.random()`生成一个0到1之间的随机数,并将其乘以最大十六进制颜色值`0xffffff`来获得随机颜色。 **示例代码**: ```actionscript var lbl: Label = new Label(); lbl.text = "随机颜色的文本"; lbl....
通过乘以`0xffffff`(十六进制表示的最大RGB颜色值)并使用`Math.random()`函数,可以生成一个介于0和最大颜色值之间的随机颜色值。 ### 8. 字符串左端空格去除 ```as public function LTrim(s:String):String { ...
方块的生成通常通过随机算法实现,确保每次游戏开始时都有不同的组合。源码中会有一个生成器函数,根据预设的方块类型集合,随机选取并创建新的方块实例。 移动和消除是俄罗斯方块的关键。源码中会有定时器控制方块...
2. Food类:生成随机位置的食物,当蛇吃到食物时,会增长一节身体。 3. GameBoard类:管理游戏的主逻辑,包括蛇的移动、碰撞检测(判断蛇是否碰到边界或自己)、分数更新等。 在AS3.0中,我们可以利用事件驱动编程...
开发者需要编写代码来生成随机位置、大小、颜色甚至旋转角度,使每个字符看起来像是随意放置。此外,还可以结合使用位图缓存和动态生成的纹理来提高性能。 在提供的文件列表中,"rotationTest"可能是一个示例项目,...
这里使用 `Math.random()` 生成一个介于 0 和 1 之间的随机数,然后乘以 `0xffffff`(白色)得到一个介于黑色和白色之间的随机颜色值。 - **应用场景**:为文本或按钮等 UI 控件添加随机颜色效果,增强视觉吸引力。 ...
`Math.random()` 生成 0~1 之间的随机数,乘以 `0xffffff` 转换为随机的十六进制颜色值。 - **数据网格高度调整**: ```actionscript dg.height = dg.measureHeightOfItems(0, dg.dataprovider.length) + dg....
- **颜色值**:通过 `Math.random()` 生成随机数,然后乘以 `0xffffff`(十六进制表示白色),从而获得随机颜色。 ### 8. 左侧去除空白字符 ```as3 public function LTrim(s:String):String { var i:Number = 0; ...
- **功能**:为文本控件`lbl`随机设置一种颜色。 - **应用场景**:在需要动态改变文本颜色时使用,例如突出显示某些内容。 ### 8. 左侧去除空格函数 `LTrim` ```as3 public function LTrim(s: String): String { ...
- 九宫格通常通过CSS实现,可以使用`display: grid`或`display: flex`来创建一个3x3的网格布局。 - 每个单元格可以通过CSS类选择器进行独立样式设置,例如`.grid-item`。 3. **DOM操作**: - JavaScript可以通过...