0

我有一个带有 Booktitle,Author 的表单。我需要验证这两个字段，如果其中任何一个字段为空，它应该显示消息，因为字段是强制性的。我怎样才能实现这一点。我已经在 google 中搜索了这个，并进行了修改如下代码。

<script>
    $(document).ready(function() {
        $("#_fm").validate();
        var element = document.getElementById("_bookTitle");
        element.className = element.className + " required";
        element = document.getElementById("_author");
        element.className = element.className + " required";
    });
</script>
<aui:form name="fm" method="POST" action="<%=updateBookURL.toString()%>">
    <aui:input name="bookTitle" label="Book Title" />
    <aui:input name="author" />
    <aui:button type="submit" value="Save" />
</aui:form>

portlet.xml 是：

<portlet>
        <portlet-name>libraryportlet</portlet-name>
        <icon>/icon.png</icon>
        <instanceable>false</instanceable>
        <header-portlet-css>/css/main.css</header-portlet-css>
        <header-portlet-javascript>https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js</header-portlet-javascript>
        <header-portlet-javascript>https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js</header-portlet-javascript>
        <header-portlet-javascript>
            http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js
        </header-portlet-javascript>
        <footer-portlet-javascript>
            /js/main.js
        </footer-portlet-javascript>

        <css-class-wrapper>libraryportlet-portlet</css-class-wrapper>
    </portlet>

但没有成功。我在哪里做错了。谁能告诉我。谢谢。

4

1 回答 1

0

您可以使用 liferay 自己的 Alloy 验证器来验证您的表单，这消除了使用 jquery 和 jquery validate 进行表单验证的需要。

首先，您需要将验证器类导入您的 jsp：

<%@ page import="com.liferay.portal.kernel.util.Validator" %>

然后您可以继续为每个输入字段定义规则：

<aui:form name="fm" method="POST" action="<%=updateBookURL.toString()%>">
    <aui:input name="bookTitle" label="Book Title">
        <aui:validator name="required"  />
    </aui:input>

    <aui:input name="author">
        <aui:validator name="required"  />
    </aui:input>

    <aui:button type="submit" value="Save" />
</aui:form>

如果任何字段为空，这将阻止提交表单。正如 Bondye 所说，您可能还想进行一些服务器端验证，因为 Alloy 运行在 Javascript 之上，用户可以轻松禁用它，从而在提交空表单的情况下将您的应用程序暴露给一些未处理的异常。

于 2013-01-03T20:48:50.477 回答