您将如何为表单字段实施 Adobe CQ 客户端验证？
How would you implement Adobe CQ client side validation for form fields?
我已经为表单字段实现了自定义服务器端验证，因此当用户指定约束时，该字段将在表单提交时进行验证。
如果可能的话，我也希望在约束级别进行客户端验证，以便在字段上需要配置的所有内容都是约束。
示例：如果字段无效，则在模糊事件的字段下方显示错误。
我知道我也可以提供脚本 clientvalidation.jsp，但我不明白这是如何工作的，因为添加脚本似乎没有效果。
您需要创建一个 clientlib，其中包含 JavaScript 代码，用于查找适当的表单元素、将侦听器附加到适当的元素事件、在侦听器中执行实际的输入验证并最终显示适当的消息在页面上。
由于您正在处理呈现的页面，我建议您使用标准验证库添加客户端验证，例如 jQuery 验证插件：
它可以满足您的需求，例如此类：
我在 CQ 页面中使用过它。查看该页面上的视频——它很好地演示了如何做您正在寻找的事情。并查看演示页面：
这不是唯一的验证选项，因此您还可以考虑其他选项。我认为关键是将这个问题作为典型的 HTML/JavaScript 需求而不是 CQ 需求来处理。
另见 Best JavaScript solution for client-side form validation and interaction?
我已经为表单字段实现了自定义服务器端验证，因此当用户指定约束时，该字段将在表单提交时进行验证。 如果可能的话，我也希望在约束级别进行客户端验证，以便在字段上需要配置的所有内容都是约束。 示例：如果字段无效，则在模糊事件的字段下方显示错误。 我知道我也可以提供脚本 clientvalidation.jsp，但我不明白这是如何工作的，因为添加脚本似乎没有效果。
您需要创建一个 clientlib，其中包含 JavaScript 代码，用于查找适当的表单元素、将侦听器附加到适当的元素事件、在侦听器中执行实际的输入验证并最终显示适当的消息在页面上。
由于您正在处理呈现的页面，我建议您使用标准验证库添加客户端验证，例如 jQuery 验证插件：
它可以满足您的需求，例如此类：
我在 CQ 页面中使用过它。查看该页面上的视频——它很好地演示了如何做您正在寻找的事情。并查看演示页面：
这不是唯一的验证选项，因此您还可以考虑其他选项。我认为关键是将这个问题作为典型的 HTML/JavaScript 需求而不是 CQ 需求来处理。
另见 Best JavaScript solution for client-side form validation and interaction?