使用Alloy UI进行LifeRay表单验证

时间:2013-10-24 15:32:34

标签: liferay liferay-6 alloy-ui

我使用LifeRay 6.1.2。它内置了Alloy UI 1.5。框架。所以我尝试重现this表单验证示例(我复制了所有代码),但它没有按预期工作(DOM中的错误标签,但它们在表单中不可见(请参阅EDIT1)):< / p>

enter image description here

预期结果是(您可以使用上面提供的链接尝试自己的实例):

enter image description here

哪里有问题?怎么解决?感谢。

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

2 个答案:

答案 0 :(得分:4)

您应该发布自己的代码,否则很难回答。 无论如何你可以尝试aui验证器标签,例如:

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

了解详情@ http://drewblessing.com/blog/-/blogs/34509

希望它有所帮助!

答案 1 :(得分:0)

我认为您没有在代码中使用该标记。

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

粘贴并检查。