flex表单提交验证简洁的方法

最新推荐文章于 2024-08-31 13:42:28 发布

原创最新推荐文章于 2024-08-31 13:42:28 发布 · 1k 阅读

本内容遵循CC 4.0 BY-SA版权协议

本文介绍了一种利用Flex框架中的Validator组件进行表单验证的方法。通过配置多个Validator实例，并在提交按钮点击事件中调用Validator.validateAll方法，可以轻松实现表单字段的必填检查。若所有验证通过，则数组长度为0；反之则提示用户填写完整资料。

针对每个input配置好validator后，在提交的时候使用Validator.validateAll(需要验证的validator), 返回的是一个数组，如果这个数组的长度为0，代表全部验证通过，否则就有没通过的。就一句话搞定了

如:

配置检证:

<mx:Validator id="v1" source="{userid}" property="text" requiredFieldError="请填写员工工号" trigger="{btSave}" triggerEvent="click"/> <mx:Validator id="v2" source="{loginname}" property="text" requiredFieldError="请填写登陆用户" trigger="{btSave}" triggerEvent="click"/> <mx:Validator id="v3" source="{password}" property="text" requiredFieldError="请填写登陆密码" trigger="{btSave}" triggerEvent="click"/>  <mx:Validator id="v5" source="{dept}" property="text" requiredFieldError="请填写所属部门" trigger="{btSave}" triggerEvent="click"/> <mx:Validator id="v6" source="{jobRole}" property="text" requiredFieldError="请填写所职位" trigger="{btSave}" triggerEvent="click"/>

验证框架是否通过 var check:Array=Validator.validateAll([v1,v2,v3,v5,v6]); if (check.length!=0){ Alert.show("请填写上完整资料!","MSG"); return ; }

标签