如何使用Flex StringValidator

最新推荐文章于 2014-05-06 22:06:59 发布

最新推荐文章于 2014-05-06 22:06:59 发布 · 133 阅读

文章标签：

#Flex #XML

Flex Validators 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个使用Flex框架中的StringValidator组件进行输入验证的例子。该示例展示了如何设置文本输入字段的有效长度范围，并在点击按钮时触发验证，通过弹窗反馈验证结果。

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

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

    <mx:StringValidator source="{fname}" property="text" 
    	tooShortError="This string is shorter than the minimum allowed length of 4. " 
    	tooLongError="This string is longer than the maximum allowed length of 20." 
    	minLength="4" maxLength="20"  
    	trigger="{myButton}" triggerEvent="click" 
    	valid="Alert.show('Validation Succeeded!');"/>

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

            <mx:Form>               
			    <mx:FormItem label="Enter a name between 4 and 20 characters: ">
                    <mx:TextInput id="fname" width="100%"/>
                </mx:FormItem>

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