2010年5月3日

Flex 4 - 驗證 - NumberValidator

Flex - 美味食譜 -  驗證工具NumberValidator

這是Flex裡很基本的一個驗證工具,
可以拿來驗證InputBox裡面是否為數字

快速範例:

<mx:NumberValidator source="{目標物件}" property="text"
minValue="12"   //數字最小
maxValue="120"  //數字最大
domain="int"    //型態
requiredFieldError="此為必填欄位"    //未填時提示
lowerThanMinError="你輸入的數字太小" //數字太小提示
exceedsMaxError="你輸入的數字超過了" //數字超過提式
invalidCharError="請輸入數字"        //輸入非數字
integerError="數值錯誤"              //int 錯誤
trigger="{Button}"                   //觸發物件
triggerEvent="click"                 //觸發事件
/>

有時,會需要一次檢驗大量的表單,可以用下面這個範例
大量一次檢查範例

<fx:Declarations>
<mx:NumberValidator id="nv" source="{目標}" property="text"
requiredFieldError="請填入數值,如沒有請填零"
invalidCharError="填寫有誤,請輸入數值"
integerError="請輸入數值"
minValue="0" domain="int"
trigger="{nextButton}" triggerEvent="click"
/>
<mx:NumberValidator id="nv2" source="{目標}" property="text"
requiredFieldError="請填入數值,如沒有請填零"
invalidCharError="填寫有誤,請輸入數值"
integerError="請輸入數值"
minValue="0" domain="int"
trigger="{nextButton}" triggerEvent="click"
/>

<mx:NumberValidator id="nv3" source="{目標}" property="text"
requiredFieldError="請填入數值,如沒有請填零"
invalidCharError="填寫有誤,請輸入數值"
integerError="請輸入數值"
minValue="0" domain="int"
trigger="{nextButton}" triggerEvent="click"
/>
</fx:Declarations>

private function go():void{
myValidators = [nv,nv2,nv3];
//驗證大量表單
var error:Array=Validator.validateAll(myValidators);

if(error.length != 0 )
{
  Alert.show("您輸入的金額可能有誤,煩請重新確認");
  }else{
    Alert.show("成功")
  }

}

沒有留言:

張貼留言