zoukankan      html  css  js  c++  java
  • 简单表单布局及验证

    代码
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
        
    <mx:Script>
            
    <![CDATA[
                
    import mx.controls.Alert;
                
    private function clearInputValue():void{
                    _username.text 
    = "";
                    _pas.text 
    = "";
                    _email.text 
    = "";
                    radiogroup1.selectedValue 
    = "";
                }
                
                
    private function showInputValue():void{
                    var str:String 
    = _username.text + "\r";
                    str 
    += _pas.text + "\r";
                    str 
    += this.radiogroup1.selectedValue + "\r";
                    str 
    += _email.text;
                    Alert.show(str);
                } 
            ]]
    >
        
    </mx:Script>
        
    <mx:Panel x="86" y="54" width="306" height="284" layout="absolute" title="用户注册">
            
    <mx:Form x="10" y="10">
                
    <mx:FormHeading label="用户资料"/>
                
    <mx:FormItem label="用户名称" required="true">
                    
    <mx:TextInput id="_username"/>
                
    </mx:FormItem>
                
    <mx:FormItem label="用户口令">
                    
    <mx:TextInput id="_pas" displayAsPassword="true"/>
                
    </mx:FormItem>
                
    <mx:FormItem label="性别">
                    
    <mx:HBox width="100%">
                        
    <mx:RadioButtonGroup id="radiogroup1"/>
                        
    <mx:RadioButton label="" groupName="radiogroup1" selected="true"/>
                        
    <mx:RadioButton label="" groupName="radiogroup1"/>
                    
    </mx:HBox>
                
    </mx:FormItem>
                
    <mx:FormItem label="邮箱">
                    
    <mx:TextInput id="_email"/>
                
    </mx:FormItem>
                
    <mx:FormItem>
                    
    <mx:HBox width="100%">
                        
    <mx:Button label="注册" click="showInputValue();"/>
                        
    <mx:Button label="重写" click="clearInputValue();"/>
                    
    </mx:HBox>
                
    </mx:FormItem>
            
    </mx:Form>
        
    </mx:Panel>
        
    <mx:StringValidator source="{_username}" property="text" requiredFieldError="用户名称不能为空!" />
        
    <mx:EmailValidator source="{_email}" property="text" /> 
    </mx:Application>
  • 相关阅读:
    0101-ioc
    通过Android studio手动触发Android 上层GC(垃圾回收)的方法
    【Win10】BeyondCompare时提示"许可证密钥已被撤销"的解决办法
    Android Historian安装使用
    初探OpenCL之Mac OS上的hello world示例
    python画高斯分布图形
    深度学习优化算法总结
    《用Python玩转数据》项目—线性回归分析入门之波士顿房价预测(二)
    《用Python玩转数据》项目—线性回归分析入门之波士顿房价预测(一)
    (转)导数、偏导数、方向导数、梯度、梯度下降
  • 原文地址:https://www.cnblogs.com/wjhx/p/1672247.html
Copyright © 2011-2022 走看看