您将如何为表单字段实施Adobe CQ客户端验证？

Question

我已经为表单字段实现了自定义服务器端验证，因此当用户指定约束时，将在表单提交时验证该字段。 我想在客户端进行验证，如果可能的话，在约束级别，以便在字段上配置所有需要的是约束。 示例：如果字段无效，则在模糊事件的字段旁边显示错误。 我知道我也可以提供脚本clientvalidation.jsp，但我不明白这是如何工作的，因为添加脚本似乎没有效果。

Answer 1

由于您正在处理呈现的页面，我建议您使用标准验证库添加客户端验证，例如jQuery验证插件：

jQuery Validation Plugin

它可以满足您的需求，例如：

我在CQ页面中使用过这个。查看该页面上的视频 - 它提供了一个很好的演示，说明如何完成您正在寻找的内容。并查看演示页面：

Demos

这不是唯一的验证选项，因此您也可以考虑其他选项。我认为关键是要将此问题作为典型的HTML / JavaScript需求而不是CQ需求来解决。

另见Best JavaScript solution for client-side form validation and interaction?

Answer 2

您需要创建一个clientlib，其中包含能够找到正确表单元素的JavaScript代码，将侦听器附加到正确的元素事件，在侦听器中执行实际的输入验证，最后在页面上显示相应的消息。