动态添加/删除行

Question

我有一张桌子，下面是我的代码：

<table id="div1" style="display:none">
        <tr><td>Host Name</td><td>Directory</td><td>User Name</td><td>Password</td></tr>
        <c:if test="${empty location.fEvents}">
        <tr><td><form:input path="userEnteredHostNameString" size="30" maxlength="200"/></td>
            <td><form:input path="userEnteredDirectoryString" size="30" maxlength="200"/></td>
            <td><form:input path="userEnteredUserNameString" size="20" maxlength="20"/></td>
            <td><form:input path="userEnteredPasswordString" size="20" maxlength="20"/></td>
        </tr>
        </c:if>
            <c:forEach items="${location.fEvents}" var="item" varStatus="loop">
                <tr><td><form:input path="fEvents[${loop.index}].hostName" size="30" maxlength="200"/></td>
                <td><form:input path="fEvents[${loop.index}].directory" size="30" maxlength="200"/></td>
                <td><form:input path="fEvents[${loop.index}].userName" size="20" maxlength="20"/></td>
                <td><form:input path="fEvents[${loop.index}].password" size="20" maxlength="20"/></td></tr>
            </c:forEach>
        </table>

无论这个${location.fEvents} 为空还是带有值..如果用户想要...用户可以添加/删除一行并且该行的值应该保存回数据库中..

最好的方法是什么..我们可以在spring 中进行吗？或者我们需要使用javascript..建议非常感谢

已编辑：如果这些字段为空或为空，如何向这些字段添加验证错误（仅添加到没有 javascript 的上述代码）

Answer 1

您可以使用 Spring 和 JavaScript 来实现。但是如果数据应该在后端发生变化，你需要让 JavaScript 做 XHR 请求。谷歌“JavaScript AJAX”。

关于验证： 如果您的验证不重要（即只是为了方便），您可以在客户端进行。

如果您的验证是“关键的”，您应该首先在服务器上实现它，然后当它完美运行时，您可以为客户端实现一个更简单的版本，这样他们就不必重新加载太多。使用 GWT，您可以共享验证码。

Answer 2

对于服务器端的字段验证，您可以参考我的以下帖子。它有点类似于你的问题。请参考this我的问答。

希望这对您有所帮助。干杯