日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
常用Flex驗(yàn)證控件用法指導(dǎo)

 本文和大家重點(diǎn)討論一下常用Flex驗(yàn)證控件的用法,主要包括主要包括Flex驗(yàn)證控件的必填項(xiàng),檢測(cè)時(shí)機(jī)的控制,驗(yàn)證失敗時(shí)如何處理和批量驗(yàn)證等內(nèi)容,相信通過(guò)本文的學(xué)習(xí)你對(duì)Flex驗(yàn)證控件的用法一定會(huì)有深刻的認(rèn)識(shí)。

成都創(chuàng)新互聯(lián)專注于玉龍網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供玉龍營(yíng)銷型網(wǎng)站建設(shè),玉龍網(wǎng)站制作、玉龍網(wǎng)頁(yè)設(shè)計(jì)、玉龍網(wǎng)站官網(wǎng)定制、小程序設(shè)計(jì)服務(wù),打造玉龍網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供玉龍網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

常用Flex驗(yàn)證控件

1.驗(yàn)證必填項(xiàng)

代碼如下:

 
 
 

 Validator組件的功能是檢測(cè)必填項(xiàng)。我們把要檢測(cè)的組件的名字寫在source屬性中,把要檢測(cè)的組件的屬性寫在property屬性中,然后自定義requiredFieldError屬性的值即可。當(dāng)然requiredFieldError屬性的值也可以不定義,那么就會(huì)使用默認(rèn)的提示文字。

上面的錯(cuò)誤提示的文字有些看不清,只需要加上這樣一句就OK了:

 
 
 
  1. .errorTip
  2. {
  3. fontSize:12;
  4. }

 2.控制Flex驗(yàn)證控件檢測(cè)時(shí)機(jī)

默認(rèn)的情況下,F(xiàn)lex當(dāng)我們切換組件焦點(diǎn)的時(shí)候檢測(cè)
任意動(dòng)作觸發(fā)驗(yàn)證有兩種寫法。一種是在驗(yàn)證組件中指明觸發(fā)器和觸發(fā)動(dòng)作。另一種是執(zhí)行事件處理函數(shù)。
在驗(yàn)證組件中指明觸發(fā)器和觸發(fā)動(dòng)作的語(yǔ)法如下所示。

 
 
 
  1. source="{輸入源id}"
  2. property="輸入源的屬性"
  3. trigger="{觸發(fā)器}"
  4. triggerEvent="觸發(fā)事件">

 下面這個(gè)例子為按Tab鍵切換焦點(diǎn)已經(jīng)不能觸發(fā)檢測(cè)動(dòng)作了,只有單擊“提交”按鈕才會(huì)觸發(fā)檢測(cè)。

 
 
 
  1. requiredFieldError="必須輸入姓名!"
  2. trigger="{btn}"triggerEvent="click"/>
  3. requiredFieldError="必須輸入年齡!"
  4. trigger="{btn}"triggerEvent="click"/>

 在默認(rèn)情況下,Validator會(huì)在Flex發(fā)出valueCommit事件的時(shí)候進(jìn)行檢測(cè),因此當(dāng)焦點(diǎn)改變的時(shí)候,會(huì)自動(dòng)進(jìn)行檢測(cè)。而上面的源碼中,則手動(dòng)指定了進(jìn)行檢測(cè)的事件是btn按鈕的click事件。

任意動(dòng)作的觸發(fā)也可采用代碼觸發(fā)驗(yàn)證方式。
其語(yǔ)法如下所示。
<組件事件="驗(yàn)證組件.validate();"/>
驗(yàn)證組件都包含一個(gè)validate方法,用以代碼執(zhí)行驗(yàn)證。
比如:
#p#

3.Flex驗(yàn)證控件驗(yàn)證失敗處理

驗(yàn)證失敗時(shí)需要做錯(cuò)誤的提示及處理。驗(yàn)證組件中提供了豐富的錯(cuò)誤類型,只是這些錯(cuò)誤類型的提示是英文的,用戶可能需要改變提示。修改錯(cuò)誤提示的方法是修改組件中相應(yīng)的錯(cuò)誤類型屬性。例PhoneNumberValidator組件中的wrongLengthError屬性表示長(zhǎng)度錯(cuò)誤提示。
用戶可根據(jù)需要修改相應(yīng)的出錯(cuò)信息。其語(yǔ)法如下所示。
<驗(yàn)證組件錯(cuò)誤類型屬性="自定義錯(cuò)誤提示"/>

例:

 
 
 
  1. //引用ValidationResultEvent類
  2. importmx.events.ValidationResultEvent;
  3. privatefunctioncheckHandle():void//驗(yàn)證處理函數(shù)
  4. {
  5. if(emailV.validate().type==ValidationResultEvent.VALID)
  6. {
  7. Alert.show("電子郵件驗(yàn)證成功");//提示"驗(yàn)證成功"
  8. }
  9. }

 注:
If(驗(yàn)證組件id.validate().type==ValidationResultEvent.VALID)
ValidationResultEvent類包含于“mx.events.*”中,是驗(yàn)證結(jié)果事件類。其中,INVALID值表示驗(yàn)證失敗,VALID值表示驗(yàn)證成功。

Validator還有一個(gè)listen屬性,它用來(lái)指定檢測(cè)的錯(cuò)誤信息顯示在哪個(gè)組件上。例:

 
 
 
  1. requiredFieldError="必須輸入姓名!"
  2. trigger="{btn}"triggerEvent="click"/>
  3. requiredFieldError="必須輸入年齡!"
  4. trigger="{btn}"triggerEvent="click"/>
  5. requiredFieldError="必須選擇性別!"
  6. trigger="{btn}"triggerEvent="click"
  7. listener="{maleRB}"/>

對(duì)于性別的選擇,由于檢測(cè)兩個(gè)RadioButton比較麻煩,采用了檢測(cè)RadioButtonGroup的selectedValue屬性的方法,如果這個(gè)屬性為空,就說(shuō)明兩個(gè)RadioButton都沒(méi)有選擇。但RadioButtonGroup并不是一個(gè)可視組件,檢測(cè)的錯(cuò)誤信息無(wú)法顯示出來(lái),所以這里就使用了listen屬性將顯示信息轉(zhuǎn)到maleRB組件上進(jìn)行顯示了。#p#

4.批量Flex驗(yàn)證控件驗(yàn)證

創(chuàng)建一個(gè)表單

 
 
 

 創(chuàng)建Flex驗(yàn)證控件,放在數(shù)組里

 
 
 
  1. source="{roleName}"property="text"
  2. required="true"requiredFieldError="請(qǐng)輸入角色名"/>

通過(guò)數(shù)組,創(chuàng)建組合驗(yàn)證

 
 
 
  1. tooShortError="字符串太短了,請(qǐng)輸入最少1個(gè)字符."
  2. tooLongError="字符串太長(zhǎng)了,請(qǐng)輸入最長(zhǎng)10個(gè)字符."
  3. minLength="1"maxLength="10"/>
  4. source="{roleEnName}"property="text"
  5. flags="g,i"expression="^[a-z]+$"
  6. noMatchError="請(qǐng)輸入正確的英文字母"
  7. required="false"/>

 //代碼

 
 
 
  1. privatefunctionbtnSubmit_click():void{
  2. //分別檢測(cè)驗(yàn)證是否通過(guò),如果沒(méi)有通過(guò),則通過(guò)派發(fā)事件,主動(dòng)顯示錯(cuò)誤提示
  3. if(Validator.validateAll(roleEnNameValidators).length!=0)
  4. roleEnName.dispatchEvent(newMouseEvent(MouseEvent.MOUSE_OVER));
  5. elseif(Validator.validateAll(roleNameValidators).length!=0)
  6. roleName.dispatchEvent(newMouseEvent(MouseEvent.MOUSE_OVER));
  7. else
  8. {
  9. varpar:powerModule=this.owneraspowerModule;
  10. par.roleList.addItem({label:"大三輔導(dǎo)員",data:"3"});
  11. varmodel:RoleModel=newRoleModel();
  12. model.roleName="大三輔導(dǎo)員";
  13. model.roleEnName="daisan";
  14. model.roleID=par.personVo.departID+"."+model.roleEnName;
  15. model.ysxh="010200";
  16. model.roleDescribe="測(cè)試用的";
  17. AddRoleResult.token=roleService.add(model);
  18. }
  19. }

本文標(biāo)題:常用Flex驗(yàn)證控件用法指導(dǎo)
當(dāng)前地址:http://www.5511xx.com/article/cdoscoe.html