Вэб апп бичиж байх үед хэрэглэгчийн оролтыг шалгахдаа 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}
Continue Reading...