如何使用Flex PhoneNumberValidator

Flex电话号码验证器示例

最新推荐文章于 2021-02-12 21:23:43 发布

最新推荐文章于 2021-02-12 21:23:43 发布 · 131 阅读

文章标签：

#Flex #XML

Flex Validators 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个简单的Flex PhoneNumberValidator组件使用示例，通过该组件可以验证输入的电话号码是否符合10位数的标准格式，并在验证成功后弹出提示。

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

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

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

    <mx:Panel title="Phone Number Validator Panel" width="75%" height="75%" 
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

        <mx:Form>
            <mx:FormItem label="Enter 10-digit phone number: ">
                <mx:TextInput id="phone" width="100%"/>
            </mx:FormItem>

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