JSF学习五Ajax
2016-03-25 15:14
447 查看
验证username(不能有下划线)和password(不能小于六位)
1.UserBean.javapackage ajax; import java.io.Serializable; import javax.faces.application.FacesMessage; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; import javax.faces.component.UIComponent; import javax.faces.context.FacesContext; import javax.faces.validator.ValidatorException; @ManagedBean(name="ajax") @SessionScoped public class UserBean implements Serializable { private String name=""; private String password; public String getName() { return name; } public void setName(String name) { this.name = name; } public String getPassword() { return password; } public void setPassword(String password) { this.password = password; } public void validateName(FacesContext fc,UIComponent c,Object value){ if(((String)value).contains("_")){ throw new ValidatorException(new FacesMessage("Name cannot contain underscores!")); } } public void validatePassword(FacesContext fc,UIComponent c,Object value){ if(((String)value).length()<6){ throw new ValidatorException(new FacesMessage("Password at least six words!")); } } }
2.hello.xhtml
<? xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"> <h:head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Insert title here</title> </h:head> <h:body> <h:form> <p> <h:outputText value="Name"/> <h:inputText id="name" value="#{ajax.name}" validator="#{ajax.validateName}"> <f:ajax event="blur" execute="@this" render="nameError"/> </h:inputText> <h:message for="name" id="nameError" style="color:red" /></p> <h:outputText value="Password"/> <h:inputSecret id="password" value="#{user.password}" validator="#{ajax.validatePassword}"> <f:ajax event="blur" render="passwordError"/> </h:inputSecret> <h:message for="password" id="passwordError" style="color:red" /> </h:form> </h:body> </html>
3.执行结果例如以下
相关文章推荐
- Javascript入门
- 用js查找法实现当前栏目的高亮显示的代码
- JavaScript面向对象编程(继承实现方式)
- JS中通过方法名字符串调用方法
- js 图片放大镜功能
- JS脚本加载与执行对性能的影响
- 简单实现原生JS中的多重继承
- js常用正则表达式
- 实现JavaScript自定义函数的整合、链式调用及类的封装
- ExtJs xtype一览
- JavaScript 输入内容就触发事件
- Javascript笔记《四》之闭包
- EXTJS 中 anchor 的用法
- js 取值
- 今天遇到的一个小坑,js传参 转义符(\)的问题
- JavaScript
- ajaxfileload.js实现图片上传功能
- Ext Js 列布局-- ColumnLayout
- jsf项目总结3
- 深入解读JavaScript面向对象编程实践