[英]How to validate a field in jsf
我的addNew.xhtml
页面中有很多字段。 我必须在客户端进行字段验证。 领域之一是city
。
如果我不输入city
不能表示city cannot be left blank
我想得到一个验证错误。
以前,我在grails框架上工作,自定义验证是一项非常简单的任务。 现在,我正在研究jsf,但无法在互联网上找到解决此问题的良好示例。
您能帮我实施此验证吗
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:a4j="http://richfaces.org/a4j">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="../css/global.css" />
</head>
<body>
<div class="windowContents">
<a4j:form style="width: 700px; height: 500px" ajaxSubmit="true"
id="addNewRecord">
<a4j:repeat value="#{addAction.editedtable}"
var="address">
<br />
<br />
<table border="0" style="font-size: 12px; width: 100%;">
<tr>
<td><h:outputText value="File ID:" /></td>
<td><h:outputText value="#{address.fileId}" /></td>
<td><h:outputText value="Insured Name" />:</td>
<td><h:outputText value="#{dataEntryAction.insuredName}" /></td>
</tr>
<tr>
<td><h:outputText value="House No" /><span class="red">*</span>:</td>
<td><h:inputText value="#{address.houseNumber}" /></td>
<td><h:outputText value="Street" /><span class="red">*</span>:</td>
<td><h:inputText value="#{address.street}" /></td>
</tr>
<tr>
<td><h:outputText value="City" />:</td>
<td><h:inputText id ="city" value="#{address.city}" required="false" requiredMessage="City is required" /></td>
<h:message for="city" />
</tr>
</table>
</a4j:repeat>
<br />
<h:panelGroup rendered="true">
<a4j:commandButton value="save" image="../images/buttons/save.gif"
render="@form"
action="#{addAction.saveEditedAndPrepareHistory(addAction.userComment,user, addAction.editedtable)}"
reRender="dataEnrtyTable,dataEntryDetails"
oncomplete="javascript:Richfaces.hideModalPanel('addNewRecordPanel')"
style="align:center;" />
</h:panelGroup>
</a4j:form>
</div>
JSF中有多种选项可以完成您的任务,
1.
客户端验证。
您在有关客户端验证的问题中问过。
<tr>
<td><h:outputText value="City" />:</td>
<td><h:inputText value="#{address.city}" id="cityID"/></td>
</tr>
<h:commandLink action="#{yourBean.submitMethod}" onclick="checkCity(cityID)">
<h:outputText value="Submit"></h:outputText>
</h:commandLink>
function checkCity(cityID)
{
var cityEntered = $("#" + cityID).val();
//Do whatever validations you want
}
与您的问题不相关还有其他方法(您在问题中没有问过)。
2.
maxlength
在此字段中可以输入的最大字符数。
<h:inputText id="cityID" value="#{yourBean.cityID}" maxlength="10"/>
3
。 服务器端验证
可以说您还没有为h:commandLink
放置onclick
事件。 1个
在您的Facelets页面中,
<h:messages globalOnly="true" layout="table" />
public String submitMethod() {
try
{
FacesContext facesContext = null;
facesContext=FacesContext.getCurrentInstance();
ArrayList <String> errorList= new ArrayList <String>();
if(this.cityID.equals(//something))
{
errorList.add("//some message");
}
if(errorList != null && errorList.size() > 0)
{
for(int i=0;i<errorList.size();i++)
{
msg= (String)errorList.get(i);
FacesMessage facemsg= new FacesMessage(FacesMessage.SEVERITY_ERROR,msg ,msg);
facesContext.addMessage(null, facemsg);
}
}
}
catch(Exception e)
{
//Do error handling
}
}
4.
内置验证器组件
<h:inputText id="cityID" value="#{yourBean.cityID}">
<f:validateLength minimum="6" maximum="15"/>
</h:inputText>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.