7/06/2009

Flex хэрэглэгчийн оролтыг шалгах


Вэб апп бичиж байх үед хэрэглэгчийн оролтыг шалгахдаа Flex-д тодорхойлогдсон тагуудыг ашиглаж болдог. Энэ удаагын бичлэгээр хэрэглэгчийн оролтыг шалгах талаар жишээ код болон тайлбар оруулъя гэж бодлоо. Хэрэглэгчийн оролт(Х.О)-ыг шалгах үндсэн тагуудыг дурьдвал :
1. Credit card validation
2. Date validation
3. Email address validation
4. Number validation
5. Phone number validation
6. Social security validation
7. String validation
8. Zip code validation
9. Regular expression validation г.м тагууд байдаг. Эдгээр тагууд нь бүгд Application тагын child таг юм. Дээрх
тагуудадын нийтлэг хэдэн property нь
1. Enabled -
2. Listener -
3. Property -
4. Required -
5. InvalidCharError -
6. Source -
7. Trigger -
8. TriggerEvent г.м property байдаг бөгөөд тагуудын онцлогт таарсан нэмэлт property мэдээж байгаа. Доор үзүүлэх жишээ кодноос санаа аваад ашиглаарай. Зүгээр л санаа төдий зүйл шүү та бүхэнд амжилт хүсье.




import mx.controls.Alert;
]]>

source="{cost}"
property="text"
expression="[0-9]"
flags="i"
/>
source="{orderdate}"
property="text"
allowedFormatChars="/"
trigger="{orderdate}"
triggerEvent="valueCommit"
id="validateCustomDate"
/>
id="emailValidator"
source="{orderemail}" property="text"
/>
id="nameValidator"
source="{proName}"
property="text"
minLength="2"
maxLength="20"
/>
id="phoneValidator"
source="{orderPhNum}"
property="text"
/>

cardTypeSource="{creditcard}"
cardTypeProperty="cardType"
cardNumberSource="{creditcard}"
cardNumberProperty="cardNumber"
trigger="{myButton}"
triggerEvent="click"
cardTypeListener="{cardTypeCombo}"
cardNumberListener="{CreditCardNo}"
valid="Alert.show('Validation Succeeded!');"/>
source="{cost}"
property="text"
required="true"
currencySymbol="$"
alignSymbol="left"
allowNegative="false"
decimalSeparator="."
thousandsSeparator=","
maxValue="10000"
minValue="2"
precision="1"
invalidCharError="Оролтын утга буруу байна"
/>
property="text"
trigger="{myButton}" triggerEvent="click"
valid="Alert.show('Validation Succeeded!');"/>


{cardTypeCombo.selectedItem.data}
{CreditCardNo.text}

































1 санал,шүүмж:

... on July 6, 2009 at 9:09 PM said...

Энэ syntaxhighlighter 2.0 дээр brush-г нь js гэчихсэн болохоор кодыг нь жаахан худалаа харуулад байна шүү!!! хамгийн сүүлд нь тагуудыг нь хаагаад баахан таг нэмчихсэн байна аяндаа Flex дээр нээхээр ойлгожтой харагдана syntaxhighlighter 2.0-г жаахан харж байгаад болж өгвөл кодоо зөв харуулахаар засна аа зав гарахаараа

 

Надад итгэл бий Copyright © 2009 WoodMag is Designed by Ipietoon for Free Blogger Template