如何在网络分析中捕获liferay合金ui验证错误？

Question

我在piwik中使用liferay并希望将客户端验证错误事件捕获到piwik中的自定义变量中。对于例如默认用户注册页面配置了许多字段和合金ui验证器。我想捕获piwik中注册用户遇到的所有验证错误，以便进行分析并改善用户体验。

我更愿意集中进行此操作，以便所有形式验证都被捕获用于piwik。无法弄清楚合金ui验证器框架是如何组织的。那里似乎发生了太多的魔法。

我只需点击空白注册表单上的提交按钮，发现正在添加模糊的aui-form-validator-error-container类并提交到标记错误字段。我没有找到使所有这些魔法发生的代码。

对于我如何解决这个问题，有人会有一些指示吗？

Answer 1

我不确定它是否有帮助，但你可以参考你的

{liferay_tomcat_home} /webapps/root/html/js/aui/aui-form-validator/aui-form-validator.js

它包含渲染过程中使用的实际javascript。

Answer 2

这是你需要得到你想要的东西：

1. 收听form:registered事件以获取实例化表单。
2. 收听每个表单的submitError上的formValidator个活动。
3. 使用event.validator.errors检查哪个fields有错误。

这样的事情应该有效：

Liferay.on('form:registered', function(event) {
    event.form.formValidator.on('submitError', function(event) {
        console.log(event.validator.errors);
    });
});

此外，您还可以在errorField个人字段通知中收听validField和formValidator。