关于flex自带的表单验证
2009-11-26 15:06
183 查看
下面说一下我理解后的用法吧。仅仅是个记录啦……-。-貌似没什么技术含量。
首先,给validator起个id不用多说啦;
required 是个boolean类型的值,大致的意思是说,验证的这个值是不是必须的(这不是废话嘛?不是必须的,我干嘛要验证……)好吧,设置为true;
requiredFieldError 这个东西很好用,就是错误提示框内的文字描述。一般时候默认的都是英文的,告诉你"This field is required."-。-我英文不好,还是改成中文的吧;
source 字面理解是源的意思是吧……它是说,你要验证哪个组件,敲入这个组件的id就可以了;
property 很有用的东西,因为我linksetname是个TextInput,那么我验证的就是它里面的文字内容,也就是属于text类型了;
trigger 触发器,是指,你要让谁来触发这个验证,这个值是你触发组件的id,我的触发器affirm是个button;
triggerEvent 这个值的意思是你要在什么事件下来触发这个验证,我的affirm是个button,所以我希望它在点击(click)的时候来触发这个验证。
到此,一个简单的文本框是否输入文字的验证OK。
但是,我的页面不光只有文本框而已,有一个伟大的datagrid,我希望它能对datagrid里面是否有值也能进行判断,于是,就想到,在对 datagrid进行验证的时候将property 的值改为dataprovide,对datagrid的数据源进行验证,如果为空的情况下,就提示,datagrid里面的数据为空。如下图:
<mx:Validator id="addlinkValid" required="true"
requiredFieldError="必须要选择对应的链路信息"
source="{alreadyAddLink}" -->此处是datagrid的id
property="dataProvider" -->这是我要验证datagrid的dataprovide的意思
trigger="{affirm}" -->触发器还是确认按钮
triggerEvent="click"/> -->还是在点击的事件下触发此验证
首先,给validator起个id不用多说啦;
required 是个boolean类型的值,大致的意思是说,验证的这个值是不是必须的(这不是废话嘛?不是必须的,我干嘛要验证……)好吧,设置为true;
requiredFieldError 这个东西很好用,就是错误提示框内的文字描述。一般时候默认的都是英文的,告诉你"This field is required."-。-我英文不好,还是改成中文的吧;
source 字面理解是源的意思是吧……它是说,你要验证哪个组件,敲入这个组件的id就可以了;
property 很有用的东西,因为我linksetname是个TextInput,那么我验证的就是它里面的文字内容,也就是属于text类型了;
trigger 触发器,是指,你要让谁来触发这个验证,这个值是你触发组件的id,我的触发器affirm是个button;
triggerEvent 这个值的意思是你要在什么事件下来触发这个验证,我的affirm是个button,所以我希望它在点击(click)的时候来触发这个验证。
到此,一个简单的文本框是否输入文字的验证OK。
但是,我的页面不光只有文本框而已,有一个伟大的datagrid,我希望它能对datagrid里面是否有值也能进行判断,于是,就想到,在对 datagrid进行验证的时候将property 的值改为dataprovide,对datagrid的数据源进行验证,如果为空的情况下,就提示,datagrid里面的数据为空。如下图:
<mx:Validator id="addlinkValid" required="true"
requiredFieldError="必须要选择对应的链路信息"
source="{alreadyAddLink}" -->此处是datagrid的id
property="dataProvider" -->这是我要验证datagrid的dataprovide的意思
trigger="{affirm}" -->触发器还是确认按钮
triggerEvent="click"/> -->还是在点击的事件下触发此验证
相关文章推荐
- FLEX表单验证带重置功能<WEB用户体验>
- 关于iview表单验证select标签在使用v-for的时候验证一直不通过的问题
- 如何禁用HTML5自带的表单验证功能
- html5自带属性验证表单必填
- Flex&ActionScript表单验证
- 关于flask表单验证json数据不通过总是返回False的解决方法(flask wtforms: Validation always false)
- 用html5自带表单验证 并且用ajax提交的解决方法(附代码)
- Flex 表单验证大全
- flex学习笔记---关于验证
- flex中验证表单项目合法性并给予友好提示
- Flex4表单验证【重点说明comboBox验证】
- html5自带表单验证
- 关于form表单中动态添加数据的验证
- 关于struts表单验证应注意的几个小问题
- 用html5自带表单验证 并且用ajax提交的解决方法
- layui利用自带的验证规则验证弹窗中的form表单
- 关于验证表单重复提交的问题
- flex表单提交验证简洁的方法
- 关于HTML在input标签内检测输入内容合法性和在js验证表单合法性后跳转到servlet的几点内容
- Laravel5.2 关于$errors变量的问题 form 表单验证