Java脚本验证必须选择f：selectItem之一

Question

我想编写一个JavaScript验证代码来验证必须选择f：selectItem之一，但是我无法通过Java脚本访问f：selectItem的选中属性。 以下是我的JSF页面。

JSF页面：-

<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html> 
 <f:view> 
    <body 
        <h:form styleClass="form" id="form1"">
            <h:selectOneRadio id="searchType" value="#{auditTrailDTO.searchType}">
            <f:selectItem itemLabel="Male" itemValue="m"/>
            <f:selectItem itemLabel="FeMale" itemValue="f"/>
        </h:selectOneRadio>
        </h:form>
    </body>
</f:view>
 </html>

AuditTrailDTO.java：-

class AuditTrailDTO
 private string searchType;
 public String getSearchType() {
    return searchType;
 }
 public void setSearchType(String searchType) {
    this.searchType = searchType;
 }
}

编辑：-

我已经通过以下方式成功访问了f：selectItem。现在当没有人被选中时，它会按预期显示警报消息。但是即使选择了第二个单选按钮，它也会显示警报消息。 我在表单onsubmit属性上调用下面的方法。

function validateForm(){
var searchType = document.getElementsByName("form1:searchType");
var a = !(searchType[0].checked);
var b = !(searchType[1].checked);
if(a&&b){
    alert('Please select search type');
        return false;
}
 return true;
}

Answer 1

在标签上设置必需的属性

如果渲染为

<input type="radio" name="form1:searchType" value="Male">
<input type="radio" name="form1:searchType" value="FeMale">

那么你可以在普通的JS DEMO中做到这一点

window.onload=function() {
  document.getElementById('form1').onsubmit=function() {
    var isChecked = this.elements["form1:searchType"][0].checked || this.elements["form1:searchType"][1].checked;
    if (!isChecked) {
      alert('Please check gender');
      return false
    } 
  }
}

Answer 2

您可以尝试使用required和requiredMessage属性：

<h:selectOneRadio required="true" requiredMessage="Message... ">
...
</h:selectOneRadio>

您可以使用以下命令捕获requiredMessage ：

<h:messages>或<h:message>

Java脚本验证必须选择f：selectItem之一

问题描述

2 个解决方案

解决方案1
1 2011-11-21 08:34:23

解决方案2
0 已采纳 2011-11-21 11:59:13

Java脚本验证必须选择f：selectItem之一

问题描述

2 个解决方案

解决方案1 1 2011-11-21 08:34:23

解决方案2 0 已采纳 2011-11-21 11:59:13

解决方案1
1 2011-11-21 08:34:23

解决方案2
0 已采纳 2011-11-21 11:59:13