在JSP中进行表单验证和提交后,所选标签将消失

时间:2019-06-07 10:59:55

标签: java html spring jsp jstl

我是Spring的初学者,我正在尝试解决应用程序中的一些小问题。我有一个表格来编辑用户个人资料。在这种形式下,我有一个下拉列表,管理员用户可以在其中为正在编辑的用户选择用户角色。当我要编辑用户页面时,将从数据库中填充表单中的所有数据。假设我有两个输入形式:input(具有 lastName )和select(具有用户角色)。 select元素包含数据库中存在的所有角色,但所选角色与用户实际分配的角色匹配。

这是我表单的一部分-输入lastName

<spring:bind path="lastName">
    <div class="form-group">
        <label for="lastName">Last name</label>
        <form:input path="lastName" type="text" class="form-control ${status.error ? 'border border-danger' : ''}" id="lastName" />
        <form:errors path="lastName" cssStyle="color: #ff0000;"/>
    </div>
</spring:bind>

这是一个选择元素:


<form:select path="roles" id="role" multiple="false">
    <form:options items="${allRoles}" itemValue="id" itemLabel="role"/>
</form:select>

现在,当我想编辑lastName时。保留空白字段,然后spring验证此字段并引发错误。问题在于先前未在select元素中选择的角色。

这是验证之前的页面HTML:

输入:

<div class="form-group  ">
        <label for="email" class="active">Email</label>
        <input id="email" name="email" type="email" class="form-control" value="ola@test.com">
</div>

选择:

<select id="role" name="roles"">
<option value="1">ADMIN</option>
<option value="2">USER</option>
<option value="3">STUDENT</option>
<option value="4" selected="selected">LECTURER</option>
</select>

,并清除了lastName字段并提交了表单: 输入:

<div class="form-group">
        <label for="lastName" class="">Last name</label>
        <input id="lastName" name="lastName" type="text" class="form-control border border-danger" value="">
        <span id="lastName.errors" style="color: #ff0000;">This field is required.</span>
</div>

选择:

<div class="form-group">
<label for="role">Role Id</label>
<select id="role" name="roles">
<option value="1">ADMIN</option>
<option value="2">USER</option>
<option value="3">STUDENT</option>
<option value="4">LECTURER</option>
</select>
</div>

如您所见,selected= "selected"属性从选项4中消失了。如何防止这种情况发生?顺便说一句。我知道这个Spring MVC selected value in form:selected after form validation error

但是看来这不适用于我的情况。

1 个答案:

答案 0 :(得分:0)

我在存档页面here中找到了一些提示

现在未从选项标签中删除所选属性。我不确定这是否是解决此问题的好方法,但这对我有用。

修改后的选择:

<form:form method="post" modelAttribute="editForm">
        <c:forEach items="${editForm.roles}" var="role">
            <c:set var="userRoleId" value="${role.id}" scope="request"/>
        </c:forEach>

        <form:select path="roles" id="role" multiple="false">
            <c:forEach var="tempRole" items="${allRoles}">
                <option value="${tempRole.id}" <c:if test="${tempRole.id == userRoleId}">selected="selected"</c:if> value="${tempRole.id}">${tempRole.role}</option>
            </c:forEach>
        </form:select>
</form:form>