Adobe Flex中的错误/验证/工具提示

时间:2009-07-01 21:48:40

标签: flex validation textinput

是否有任何代码或自定义选项可用于实现以下目标:

1>当文本框中发生错误时,验证显示错误。强制用户删除错误,然后继续完成剩余的文本输入。将鼠标焦点放在文本框上。

我使用了内置的mx:Validator标记,但它并没有强制用户删除错误。相反,用户可以轻松地继续操作而无需纠正错误。

2 - ;当鼠标焦点移动到带有错误的文本输入时,错误消息通常显示为工具提示,REMAIN直到用户移除错误而不仅仅是鼠标悬停操作上显示?

3 个答案:

答案 0 :(得分:2)

您可以自定义ToolTips以显示Error。选中此link以自定义工具提示,以便在ToolTips

中显示错误

答案 1 :(得分:1)

对于#2,请查看http://aralbalkan.com/1125

不幸的是,如果您有多个/大型表单,那将会很麻烦。不幸的是,flex没有为错误工具提示提供更多样式选项。

#1似乎是一个糟糕的UI设计。虽然您可能不允许他们提交表格,除非他们输入有效信息,他们应该能够自由地浏览表格并填写他们选择的信息。只是我的意见。

答案 2 :(得分:0)

问题1)的解决方案如下: 在允许提交表单之前,使用Validator.validateAll静态方法检查所有表单项是否有效。下面的代码片段来自一个很好的flex示例,它显示了这个

private function resetForm() :void
{
    btnLogin.enabled = false;
}
private function validateUs() :void
{
    btnLogin.enabled = (Validator.validateAll([val1,val2]).length == 0);
}

完整的例子就在这里 http://idletogether.com/easy-form-validation-and-submit-button-enable-disable-in-flex-3/