您的位置:首页 > Web前端 > JavaScript

JSF复习系列(4)--验证器Validator的简单实例

2017-06-29 22:22 260 查看

一、前言

JSF的验证器对于简单的条件检查的处理可以起到很好的作用,代码设计简单,用户体验良好。

本博文分享的是validator绑定方法的验证。

二、前台JSF

示例:

<h:inputText id="username" placeholder="5-20个英语,字符,数字,区分大小写"
validator="#{UserController.userNameValidate}"
value="#{UserController.user.username}" size="10">
<f:ajax event="blur" render="nameError" />
</h:inputText>
<br />
<h:message for="username" id="nameError"
style="color: red; font-size:75%" />


2.1 validator

绑定后台的validator方法

2.2 ajax

确定事件类型,常用的有blur、keyup等。

2.3 message

提示信息,绑定后台提示信息。

三、后台Bean

import javax.faces.application.FacesMessage;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.validator.ValidatorException;

/*
* * 用户名验证 长度 用户是否注册
*/
public void userNameValidate(FacesContext context, UIComponent component, Object value)
throws IllegalStateException, SecurityException, HeuristicMixedException, HeuristicRollbackException,
RollbackException, SystemException {
if (value.toString().length() < 5 || value.toString().length() > 20) {
throw new ValidatorException(new FacesMessage("用户名长度应为5-20个字符"));
}
if (loginValidate1(value.toString())) {
throw new ValidatorException(new FacesMessage("该用户名已注册"));
}
}


3.1 Object value

自动获取inputText输入框的内容,并做逻辑判断。

3.2 FacesMessage

通过逻辑判断后得出需要显示的提示信息。

四、效果图

1.判断用户名长度



2.判断用户名是否注册

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JSF validator