<?xml version="1.0" encoding="utf-8"?> | |
<!-- | |
Licensed to the Apache Software Foundation (ASF) under one or more | |
contributor license agreements. See the NOTICE file distributed with | |
this work for additional information regarding copyright ownership. | |
The ASF licenses this file to You under the Apache License, Version 2.0 | |
(the "License"); you may not use this file except in compliance with | |
the License. You may obtain a copy of the License at | |
http://www.apache.org/licenses/LICENSE-2.0 | |
Unless required by applicable law or agreed to in writing, software | |
distributed under the License is distributed on an "AS IS" BASIS, | |
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |
See the License for the specific language governing permissions and | |
limitations under the License. | |
--> | |
<!-- Simple example to demonstrate PhoneFormatter. --> | |
<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> | |
<fx:Script> | |
<![CDATA[ | |
import mx.events.ValidationResultEvent; | |
private var vResult:ValidationResultEvent; | |
// Event handler to validate and format input. | |
private function Format():void | |
{ | |
vResult = pnVal.validate(); | |
if (vResult.type==ValidationResultEvent.VALID) { | |
formattedPhone.text= phoneFormatter.format(phone.text); | |
} | |
else { | |
formattedPhone.text= ""; | |
} | |
} | |
]]> | |
</fx:Script> | |
<fx:Declarations> | |
<mx:PhoneFormatter id="phoneFormatter" | |
formatString="(###) ###-####" validPatternChars="#-() "/> | |
<mx:PhoneNumberValidator id="pnVal" source="{phone}" property="text" | |
allowedFormatChars=""/> | |
</fx:Declarations> | |
<mx:Panel title="PhoneFormatter Example" width="75%" height="75%" | |
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> | |
<mx:Form> | |
<mx:FormItem label="Enter a 10-digit phone number:"> | |
<mx:TextInput id="phone" text="" width="75%"/> | |
</mx:FormItem> | |
<mx:FormItem label="Formatted phone number: "> | |
<mx:TextInput id="formattedPhone" text="" width="75%" editable="false"/> | |
</mx:FormItem> | |
<mx:FormItem> | |
<mx:Button label="Validate and Format" click="Format();"/> | |
</mx:FormItem> | |
</mx:Form> | |
</mx:Panel> | |
</mx:Application> |