Flex有很多值得学习的地方,这里向大家描述一下常用Flex验证方式,默认的情况下,Flex当我们切换组件焦点的时候检测任意
动作触发验证有两种写法。一种是在验证组件中指明触发器和触发动作。另一种是执行事件处理函数。
常用Flex验证方式
1.Flex验证必填项
代码如下:
Validator组件的功能是检测必填项。我们把要检测的组件的名字写在source属性中,把要检测的组件的属性写在property属性中
,然后自定义requiredFieldError属性的值即可。当然requiredFieldError属性的值也可以不定义,那么就会使用默认的提示文
字。
上面的错误提示的文字有些看不清,只需要加上这样一句就OK了:
2.控制检测时机
默认的情况下,Flex当我们切换组件焦点的时候检测任意动作触发验证有两种Flex验证方式。一种是在验证组件中指明触发器和
触发动作。另一种是执行事件处理函数。
在验证组件中指明触发器和触发动作的语法如下所示。
下面这个例子为按Tab键切换焦点已经不能触发检测动作了,只有单击“提交”按钮才会触发检测。
在默认情况下,Validator会在Flex发出valueCommit事件的时候进行检测,因此当焦点改变的时候,会自动进行检测。而上面的
源码中,则手动指定了进行检测的事件是btn按钮的click事件。
任意动作的触发也可采用代码触发Flex验证方式。
其语法如下所示。
<组件事件="验证组件.validate();"/>
验证组件都包含一个validate方法,用以代码执行验证。
比如:
动作触发验证有两种写法。一种是在验证组件中指明触发器和触发动作。另一种是执行事件处理函数。
常用Flex验证方式
1.Flex验证必填项
代码如下:
<mx:Validatoridmx:Validatorid="nameV"source="{nameTI}"
property="text"requiredFieldError="必须输入用户名!"/>
<mx:FormItemlabelmx:FormItemlabel="用户名:">
<mx:TextInputidmx:TextInputid="nameTI"/>
</mx:FormItem>
<mx:Buttonidmx:Buttonid="btn"label="提交"/>
Validator组件的功能是检测必填项。我们把要检测的组件的名字写在source属性中,把要检测的组件的属性写在property属性中
,然后自定义requiredFieldError属性的值即可。当然requiredFieldError属性的值也可以不定义,那么就会使用默认的提示文
字。
上面的错误提示的文字有些看不清,只需要加上这样一句就OK了:
<mx:Style>
.errorTip
{
fontSize:12;
}
</mx:Style>
2.控制检测时机
默认的情况下,Flex当我们切换组件焦点的时候检测任意动作触发验证有两种Flex验证方式。一种是在验证组件中指明触发器和
触发动作。另一种是执行事件处理函数。
在验证组件中指明触发器和触发动作的语法如下所示。
<mx:验证组件类型
source="{输入源id}"
property="输入源的属性"
trigger="{触发器}"
triggerEvent="触发事件">
下面这个例子为按Tab键切换焦点已经不能触发检测动作了,只有单击“提交”按钮才会触发检测。
<?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>
在默认情况下,Validator会在Flex发出valueCommit事件的时候进行检测,因此当焦点改变的时候,会自动进行检测。而上面的
源码中,则手动指定了进行检测的事件是btn按钮的click事件。
任意动作的触发也可采用代码触发Flex验证方式。
其语法如下所示。
<组件事件="验证组件.validate();"/>
验证组件都包含一个validate方法,用以代码执行验证。
比如:
<mx:Buttonidmx:Buttonid="btn"label="提交"click="nameV.validate();"/>