flex验证（空校验）

<mx:Validator id="nameV" source="{nameTI}" property="text" requiredFieldError="必须输入用户名！"/>
<mx:FormItem label="用户名：">
<mx:TextInput id="nameTI"/>
</mx:FormItem>
<mx:Button id="btn" label="提交" />
Validator组件的功能是检测必填项。我们把要检测的组件的名字写在source属性中，把要检测的组件的属性写在property属性中，然后自定义 requiredFieldError属性的值即可。当然requiredFieldError属性的值也可以不定义，那么就会使用默认的提示文字。
上面的错误提示的文字有些看不清，只需要加上这样一句就OK了：
Flex代码
1. <mx:Style>
2. .errorTip
3. {
4. fontSize: 12;
5. }
6. </mx:Style>
<mx:Style>
.errorTip
{
fontSize: 12;
}
</mx:Style>
2.控制检测时机
默认的情况下，Flex当我们切换组件焦点的时候检测
任意动作触发验证有两种写法。一种是在验证组件中指明触发器和触发动作。另一种是执行事件处理函数。
在验证组件中指明触发器和触发动作的语法如下所示。
Flex代码
1. <mx: 验证组件类型
2. source="{输入源id}"
3. property="输入源的属性"
4. trigger="{触发器}"
5. triggerEvent="触发事件">
<mx:验证组件类型
source="{输入源id}"
property="输入源的属性"
trigger="{触发器}"
triggerEvent="触发事件">
下面这个例子为按Tab键切换焦点已经不能触发检测动作了，只有单击“提交”按钮才会触发检测。
Flex代码
1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" fontSize="12" width="300" height="150">
3. <mx:Validator id="nameV " source="{nameTI}" property="text"
4. requiredFieldError="必须输入姓名！"
5. trigger="{btn}" triggerEvent="click" />
6. <mx:Validator id="ageV" source="{ageTI}" property="text"
7. requiredFieldError="必须输入年龄！"
8. trigger="{btn}" triggerEvent="click"/>
9. <mx:FormItem label="姓名：">
10. <mx:TextInput id="nameTI"/>
11. </mx:FormItem>
12. <mx:FormItem label="年龄：">
13. <mx:TextInput id="ageTI"/>
14. </mx:FormItem>
15. <mx:Button id="btn" label="提交" />
16. </mx:Application>
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" fontSize="12" width="300" height="150">
<mx:Validator id="nameV " source="{nameTI}" proper

Flex中限制TextInput输入

 

 

1. 限制某个字符的输入，用符号 ^ 跟上要限制的字符，可跟多个字符        <!-- 限制字符"~"的输入 -->       <mx:TextInput id="xxx"  restrict="^~" />       <!-- 限制字符"ab"的输入 -->       <mx:TextInput id="xxx"  restrict="^ab" />  2. 设置只能输入某些字符，将允许输入的字符罗列出来即可，也可以用 - 组合表示字符范围        <!-- 只能输入abc -->       <mx:TextInput id="xxx"  restrict="abc" />       <!-- 只能输入小写字母 -->       <mx:TextInput id="xxx"  restrict="a-z" />       <!-- 只能输入小写字母、大写字母和数字 -->       <mx:TextInput id="xxx"  restrict="a-zA-Z0-9" />  3. 组合使用        <!-- 只能输入数字和符号"." -->       <mx:TextInput id="xxx"  restrict="0-9." />       <!-- 只能输入除ab之外的小写字母 -->       <mx:TextInput id="xxx"  restrict="a-z^ab" /> 4.其他      只允许输入数字和负号：<s:TextInput id="textinput_LOGOLeftW" restrict="0-9\-\+" />       只允许输入数字和点号：<mx:TextInput id="txt" restrict="0-9\." />       只允许输入数字、英文、汉字：<mx:TextInput restrict="0-9\a-z\^{'[\u4e00-\u9fa5]'}" /> 限制输入长度: maxChars=""