如何使用Flex EmailValidator

最新推荐文章于 2025-10-19 14:13:01 发布

最新推荐文章于 2025-10-19 14:13:01 发布 · 193 阅读

文章标签：

#Flex #XML

Flex Validators 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个使用 Flex 框架实现的简单电子邮件验证器示例。该示例通过一个应用面板展示了如何设置 EmailValidator 组件，并在用户点击按钮后触发验证过程。如果验证成功，则会弹出提示框。

<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the EmailValidator. -->
<!--
	如何使用Flex EmailValidator
	MyShareBook.cn 翻译
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        import mx.controls.Alert;
    </mx:Script>

   <mx:EmailValidator source="{email}" property="text" 
       trigger="{myButton}" triggerEvent="click"
       valid="Alert.show('Validation Succeeded!');"/>

   <mx:Panel title="EmailValidator Example" width="75%" height="75%" 
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

        <mx:Form>
            <mx:FormItem label="Enter an e-mail address: ">
                <mx:TextInput id="email" width="100%"/>
            </mx:FormItem>

            <mx:FormItem >
                <mx:Button id="myButton" label="Validate" />
            </mx:FormItem>
        </mx:Form>
    </mx:Panel>
 </mx:Application>