使用 Alloy UI 的 LifeRay 表单验证答案

【问题标题】：LifeRay form validation using Alloy UI使用 Alloy UI 的 LifeRay 表单验证
【发布时间】：2014-01-13 16:53:39
【问题描述】：

我使用 LifeRay 6.1.2。它内置了Alloy UI 1.5。框架。所以我尝试重现this 表单验证示例（我复制了所有代码），但它没有按预期工作（DOM 中的错误标签，但它们在表单中不可见（参见 EDIT1））：

预期结果是（您可以使用上面提供的链接尝试自己的现场示例）：

问题出在哪里？如何解决？谢谢。

EDIT1： 经过一番研究，我意识到如果我从错误消息的 DIV 标签中删除aui-form-validator-message CSS 类（它由 LifeRay 生成，我没有添加它），那么错误消息就会变得可见。奇怪..

【问题讨论】：

你能告诉我如何设计与我的格式相同的表单吗？？一行..左侧文本，右侧相关控件使用合金ui标签？

标签： liferay liferay-6 alloy-ui

【解决方案1】：

您应该发布自己的代码，否则很难回答。无论如何，如果您愿意，可以尝试使用 aui 验证器标签，例如：

<aui:input name="name" value="${name}" label="name">
     <aui:validator name="required" errorMessage="your-message-here"></aui:validator>
</aui:input>

希望对你有帮助！

【讨论】：

记得把它放在一个 aui:form 中。这适用于输入文本。使用输入选择（下拉列表）就是另一回事了。

【解决方案2】：

我认为您的代码中没有使用该标签。

<script src="http://cdn.alloyui.com/2.0.0/aui/aui-min.js"></script>

粘贴并检查。

【讨论】：