Flex：利用Validator类验证表单项目合法性

最新推荐文章于 2026-06-24 14:18:05 发布

转载最新推荐文章于 2026-06-24 14:18:05 发布 · 1.8k 阅读

收录于

Jsf

本文介绍了一个使用Flex进行表单验证的实例，通过多种Validator类确保输入数据的有效性，包括字符串长度验证、数字验证及邮政编码格式验证。

下面的例子演示了Flex中如何利用Validator类验证表单项目合法性。分别使用了StringValidator, NumberValidator, ZipCodeValidator和Validator类。

可以右键View Source察看源代码:

http://blog.minidx.com/ext02/validating-flex-forms-using-the-validator-classes/main.html

下面是是源代码：

<?xml version="1.0" encoding="utf-8"?>  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white" creationComplete="init()"> <mx:Script>  </mx:Script> <mx:XMLList id="statesXMLList"> <state label="California" data="CA" /> <state label="Oregon" data="OR" /> </mx:XMLList> <mx:StringValidator id="shippingName_stringValidator" source="{shippingName}" property="text" minLength="2" /> <mx:StringValidator id="shippingAddress1_stringValidator" source="{shippingAddress1}" property="text" minLength="2" /> <mx:StringValidator id="shippingCity_stringValidator" source="{shippingCity}" property="text" minLength="2" /> <mx:NumberValidator id="shippingState_numberValidator" source="{shippingState}" lowerThanMinError="This field is required." property="selectedIndex" minValue="0" /> <mx:ZipCodeValidator id="shippingZipCode_zipCodeValidator" source="{shippingZipCode}" property="text" requiredFieldError="Please enter a zip code in ZIP+4 format." domain="{ZipCodeValidatorDomainType.US_ONLY}" /> <mx:StringValidator id="shippingZipCode_stringValidator" source="{shippingZipCode}" property="text" tooShortError="Please enter a zip code in ZIP+4 format." minLength="10" maxLength="10" /> <mx:Form> <mx:FormHeading label="Shipping Information" /> <mx:FormItem required="true" label="Name"> <mx:TextInput id="shippingName" maxChars="96" /> </mx:FormItem> <mx:FormItem required="true" label="Address"> <mx:TextInput id="shippingAddress1" maxChars="128" /> </mx:FormItem> <mx:FormItem label=""> <mx:TextInput id="shippingAddress2" maxChars="128" /> </mx:FormItem> <mx:FormItem required="true" label="City"> <mx:TextInput id="shippingCity" maxChars="128" /> </mx:FormItem> <mx:FormItem required="true" label="State"> <mx:ComboBox id="shippingState" prompt="Please select a State..." selectedIndex="-1" dataProvider="{statesXMLList}" labelField="@label" /> </mx:FormItem> <mx:FormItem required="true" label="ZIP Code"> <mx:TextInput id="shippingZipCode" maxChars="10" restrict="0-9 -" /> </mx:FormItem> <mx:FormItem> <mx:HBox> <mx:Button label="Submit" click="validateForm(event)" /> <mx:Button label="Reset" click="resetForm(event)" /> </mx:HBox> </mx:FormItem> </mx:Form> </mx:Application>

标签

#flex #import #application #function #button