验证复杂 Flex 表单的最佳方法是什么？

发布于 2024-08-13 22:09:52 字数 539 浏览 1 评论 0原文

我有一个 Flex 应用程序，可以编辑中等复杂的对象，并且我想在编辑器的多个部分上进行一些客户端验证。编辑器是一组嵌套对象：

Form ->
    TabNavigator ->
        Tab1 ->
            Component1.1
            Component1.2
        Tab2 ->
            Component2.1
            Component2.2
    &c
    SubmitButton

结构与数据模型相当接近，UI 是项目所需的，所以如果不需要的话，我不会太快地重构那里的类 - - 时间也是一个问题。我想要做的是为每个 Component* 实例提供验证器：

在相关 UI 元素上显示验证工具提示和 UI 提示
当表单的任何部分无效时禁用 SubmitButton
( （可选）提供足够的信息，以便我可以在表单中显示错误消息。

解决这个问题的最佳方法是什么？

原文

I have a Flex application that edits a moderately complex object, and I'd like to put some client-side validation in place on multiple parts of the editor. The editor is a set of nested objects:

Form ->
    TabNavigator ->
        Tab1 ->
            Component1.1
            Component1.2
        Tab2 ->
            Component2.1
            Component2.2
    &c
    SubmitButton

The structure echoes the data model fairly closely, and the UI is what the project requires, so I'm not going to be too quick to restructure the classes there if I don't have to -- time is an issue too. What I want to do is have validators for each of the Component* instances that:

Show the validation tool tips and UI hints on the relevant UI element
Disable the SubmitButton when any part of the form is not valid
(Optionally) provide enough information that I can display an error message in the form.

What's the best way to go about this?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

笛声青案梦长安 2024-08-20 22:09:52

创建表单后，创建一个数组来保存对表单中组件的所有验证器的引用。然后，当用户提交表单时，检查所有输入是否符合您的标准。

if ((Validator.validateAll(validatorArr) as Array).length != 0){
  Alert.show("There are errors on the form.  Please correct before saving.", "Form Errors");}
else { /* do something*/}

When the form is created, create an array to hold references to all the validators of the components in your form. Then when user submits the form, check that all the inputs pass your criterion.

if ((Validator.validateAll(validatorArr) as Array).length != 0){
  Alert.show("There are errors on the form.  Please correct before saving.", "Form Errors");}
else { /* do something*/}

回复收藏 0 原文