JSP：一些表单字段是稳定的，而另一些则不稳定！

Question

我想在选中复选框时启用输入字段。另外，我想对要填写的文本字段进行服务器端验证，如果选中该复选框，我面临的问题是，当我检查多个并提交表单的字段值为空，然后在 servlet 中进行验证并将结果返回给用户以填充输入，其中一个检查字段被检查，另一个则没有，即使我使用 param两者都稳定，不知道是什么原因！

这是 HTML 代码

 <div class="groupElement">

  <input type="checkbox" name="communicationWay" id="communicationWay2" value="emailOption" ${param.communicationWay == 'emailOption'?'checked':'' } onchange="chgtx('email','communicationWay2')"/>
  <label>Email</label>


     <input class="inpClass" id="email" type="text" name="emailComm" value="${param.emailComm}" disabled/>

</div>

 <div class="groupElement">

  <input type ="checkbox" name="communicationWay" id="communicationWay"  value="cellPhoneOption" ${param.communicationWay == 'cellPhoneOption'?'checked':''} onchange="chgtx('cellPhone','communicationWay')" />
   <label> Cell phone number</label>

    <input class="inpClass" id="cellPhone" type ="text" name="cellPhoneNoComm" value="${param.cellPhoneNoComm}" disabled />

     </div>

，这是在启用和禁用输入字段之间触发的 java 脚本函数

 function chgtx(field, checkbox) {

            var myField = document.getElementById(field);
            var checkBtton = document.getElementById(checkbox);
            myField.disabled= !checkBtton.checked;

        }

Answer 1

您的复选框元素具有相同的名称。因此，在服务器端，您必须使用 request.getParameterValues() 来获取所有检查的值。

String[] communicationWays = request.getParameterValues("communicationWay");
// ...

当您使用 request.getParameter() 时，例如 ${param} 所做的，只会返回一个值，即该组的第一个值。您可以使用 ${paramValues} 获取 EL 中的所有值。

然而，在 EL 中使用 ${paramValues} 来设置 checked 状态并不简单。有两种方法可以解决此问题：

1. 创建一个自定义 EL 函数，执行类似的操作

   ${util:contains(paramValues.communicationWays, 'emailOption') ？ “已检查”：“”}
   ${util:contains(paramValues.communicationWays, 'phoneOption') ？ “已检查”：“”}
   

   与

   public static boolean contains(Object[] array, Object value) {
       Arrays.sort(数组);
       返回 Arrays.binarySearch(数组, 值) > -1;
   }
   

2. 在 servlet 中

   创建 Map 并在 EL 中使用它。

   Map<字符串，布尔值> communicationsWays = new HashMap();
   request.setAttribute("communicationWays", communicationsWays);
   
   for (String communicationsWay : request.getParameterValues("communicationWay")) {
       CommunicationWays.put(communicationWay, true);
   }
   

   与

   <前><代码>${communicationWays.emailOption ? “已检查”：“”}
   ${communicationWays.phoneOption ？ “已检查”：“”}