Primefaces Tag Highlighening

Question

大型表单具有多个输入字段，因此它们在primefaces tabview选项卡内分组。其中一些字段是必填字段。当用户尝试提交时，它会收到必需的消息，但是用户必须滚动浏览所有选项卡才能找到缺少字段的字段。有什么方法可以突出显示缺少值的标签吗？

Answer 1

您可以进行服务器端验证。因此，如果发生验证错误，您将知道该错误所在的选项卡。然后，您可以使用activetabindex的TabView并激活所需的选项卡。

然后您可以使用Spotlite作为@fuggerjak61来定位丢失/无效的字段。

Answer 2

我将亲自在客户端进行此操作。

1. 我将首先检查验证是否总体失败，或者不像此处的PrimeFaces解决方案那样：
   • How to find indication of a Validation error (required="true") while doing ajax command
2. 在您可以调用的javascript函数中，我会通过jquery找到周围的表格。
   • jQuery find parent form
3. 并且从该表格开始，我会通过jquery查找所有带有css类的输入，这些错误指示错误。
   • jquery find element by specific class when element has multiple classes
4. 从每个错误中，我都会找到div标签的祖先元素（这可能是您最需要创意的地方，但是如果您将它变成普通的jquery，它全都是纯jquery，它可以为您提供很多帮助问题），并为此添加一个CSS类，以便您可以将其样式设置为“错误”。
5. 我将再次使用jquery找到第一个出现错误的标签，然后点击“假”。
   • find first occurrence of class in div
   • Simulate a click on 'a' element using javascript/jquery