常用Flex驗(yàn)證方式有哪些

這篇文章主要介紹了常用Flex驗(yàn)證方式有哪些,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)是一家專注于成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),石柱土家族網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:石柱土家族等地區(qū)。石柱土家族做網(wǎng)站價(jià)格咨詢:18982081108

常用Flex驗(yàn)證方式

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

代碼如下:

<mx:Validatoridmx:Validatorid="nameV"source="{nameTI}"  property="text"requiredFieldError="必須輸入用戶名!"/> <mx:FormItemlabelmx:FormItemlabel="用戶名:"> <mx:TextInputidmx:TextInputid="nameTI"/> </mx:FormItem> <mx:Buttonidmx:Buttonid="btn"label="提交"/>

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

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

<mx:Style> .errorTip  {  fontSize:12;  }  </mx:Style>

2.控制檢測(cè)時(shí)機(jī)

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

<mx:驗(yàn)證組件類型  source="{輸入源id}" property="輸入源的屬性" trigger="{觸發(fā)器}" triggerEvent="觸發(fā)事件">

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

<?xmlversionxmlversion="1.0"encoding="utf-8"?> <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="vertical"   fontSize="12"width="300"height="150"> <mx:Validatoridmx:Validatorid="nameV"source="{nameTI}"property="text" requiredFieldError="必須輸入姓名!" trigger="{btn}"triggerEvent="click"/> <mx:Validatoridmx:Validatorid="ageV"source="{ageTI}"property="text" requiredFieldError="必須輸入年齡!" trigger="{btn}"triggerEvent="click"/> <mx:FormItemlabelmx:FormItemlabel="姓名:"> <mx:TextInputidmx:TextInputid="nameTI"/> </mx:FormItem> <mx:FormItemlabelmx:FormItemlabel="年齡:"> <mx:TextInputidmx:TextInputid="ageTI"/> </mx:FormItem> <mx:Buttonidmx:Buttonid="btn"label="提交"/> </mx:Application>

在默認(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ā)Flex驗(yàn)證方式。
其語法如下所示。
<組件事件="驗(yàn)證組件.validate();"/>
驗(yàn)證組件都包含一個(gè)validate方法,用以代碼執(zhí)行驗(yàn)證。
比如:

<mx:Buttonidmx:Buttonid="btn"label="提交"click="nameV.validate();"/>

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“常用Flex驗(yàn)證方式有哪些”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

網(wǎng)站名稱:常用Flex驗(yàn)證方式有哪些
本文URL:http://muchs.cn/article42/jpgchc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、動(dòng)態(tài)網(wǎng)站、定制開發(fā)、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)App設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)