Question

我想编写一个javascript验证代码，用于验证必须选择f：selectItem之一，但我无法通过java脚本访问f：selectItem的checked属性。下面是我的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 attribut.Any idea please？

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

在代码

上设置required属性

如果渲染是

<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 个答案: