javascript - 未选中复选框时如何弹出或错误消息？

Question

如果checkbox为 different 选择 no，则employeeID在用户单击提交按钮时显示弹出窗口或错误消息。我怎样才能做到这一点？

下面是Employee.jsp页面代码的一部分，它是一个不同员工记录的表格：

 <s:iterator value="employeeList">
       <td><s:checkbox name="employeeListID" fieldValue="%{employeeID}" theme="simple" /></td>
        <td><s:property value="%{employeeID}" /></td>
        <td><s:property value="%{employeeName}" /></td>
        <td><s:property value="%{mobileNo}" /></td>
        <td><s:property value="%{employeeLocation}" /></td>
    
 </s:iterator>

<s:submit id="submitEmployee" value="Register" theme="simple"></s:submit>

Answer 1

使用必填字段验证器来检查指定字段是否不是null.

<field name="employeeListID">
    <field-validator type="required">
           <message>no checkbox is selected</message>
    </field-validator>
</field>

Answer 2

试试这个javascript：

var formElement = document.getElementById('myform'),
    checkBox = document.getElementsByTagName('input').employeeListID;

function validateForm(){
    if(!checkBox.checked){
        alert('Please Check the Checkbox');
        return false;
    } else{
        return true;
    }
}

formElement.addEventListener('onsubmit', validateForm);

Answer 3

使用validate()方法。

  private String employeeListID; //Getter & Setter Method.

  private void validate(){
      if (employeeListID==null) {
          addActionError("Please Select CheckBox.");
      }
  }