jsf标签验证器的使用

电玩女神 2022-08-07 16:44 144阅读 0赞

jsf验证器+正则表达式验证 密码，两次密码是否一致功能。

**需求说明**：

1，密码和确认后面显示（由10-15位字母或数字组成）

2，两次密码不一致时在确认密码后提示

3，更改内容后验证通过再次提示信息（由10-15位字母或数字组成）

**实现代码**

1，页面代码

<span style="font-size:18px;"><h:form id="userForm">
    	<h:panelGrid id="info" cellpadding="2" cellspacing="2" columns="3">
    		<h:outputText value="密码"/>
    		<h:inputSecret id="pswd" style="white-space:nowrap" requiredMessage="必填"
    	validatorMessage="由10-15位字母或数字组成" οnblur="check();">
    			<rich:validator/>
    			<f:validateRegex pattern="^[A-Za-z0-9]{10,15}$"/>
    		</h:inputSecret>
    		<rich:message id="passwordMsg" for="pswd" style="color:gray;"/>
    
    		<h:outputText value="确认密码"/>
    		<h:inputSecret id="repswd" style="white-space:nowrap" requiredMessage="必填"
    	validatorMessage="由10-15位字母或数字组成" οnblur="checkpswd();">
    			<rich:validator/>
    			<f:validateRegex pattern="^[A-Za-z0-9]{10,15}$"/>
    		</h:inputSecret>
    		<rich:message id="repasswordMsg" for="repswd" style="color:gray;"/>
    	</h:panelGrid>
    	
    </h:form></span>

validateRegex标签中的patten内容为，校验当前文本框输入的内容格式；validatorMessage表示验证不通过时显示的内容，字体为红色表示；onblur为失去焦点后出发的js方法。

rich:message标签为界面上提示信息的标签，与密码框绑定。

2，js方法

<span style="font-size: 18px;">function check(){
    	//获取密码后的提示信息
    	var passwd = document.getElementById("userForm:passwordMsg");
    	//判断是否为火狐浏览器
    	if(window.navigator.userAgent.toLowerCase().indexOf('firefox'!=-1)){
    		if(passwd.textContent==""){
    			passwd.style.color="groy";
    			passwd.textContent="由10-15位字母或数字组成";
    		}
    	}else{
    		if(passwd.innerText==""){
    			passwd.style.color="groy";
    			passwd.innerText="由10-15位字母或数字组成";
    		}
    	}
    }
    </span>

<span style="font-size:18px;">function checkpswd(){
    	//获取密码，确认密码及确认密码后提示信息
    	var pswd = document.getElementById("userForm:pswd");
    	var repswd = document.getElementById("userForm:repswd");
    	var repasswd = document.getElementById("userForm:repasswordMsg");
    
    	//判断密码是否一致
    	if(pswd.value!=repswd.value){
    		//设置提示信息为，密码不一致
    		repasswd.style.color="red";
    		if(window.navigator.userAgent.toLowerCase().indexOf('firefox'!=-1)){
    			repasswd.textContent="密码不一致";
    		}else{
    			repasswd.innerText="密码不一致";
    		}
    	}else{
    		//设置提示信息为，由10-15位字母或数字组成
    		repasswd.style.color="gray";
    		if(window.navigator.userAgent.toLowerCase().indexOf('firefox'!=-1)){
    			repasswd.textContent="由10-15位字母或数字组成";
    		}else{
    			repasswd.innerText="由10-15位字母或数字组成";
    		}
    	}
    }</span>

发表评论取消回复

表情：

评论列表（有 0 条评论，144人围观）

还没有评论，来说两句吧...

相关阅读

相关 SpringMVC 中的数据验证如何使用自定义验证器

SpringMVC 中的数据验证如何使用自定义验证器简介 SpringMVC 是一个基于 Spring 框架的 Web 框架，它提供了一套完整的 MVC 架构，可

我就是我/ 2024年03月17日 18:50/ 0 赞/ 97 阅读

相关 java jsf_使用Java和JSF构建一个简单的CRUD应用

java jsf 使用Okta的身份管理平台轻松部署您的应用程序 [使用Okta的API在几分钟之内即可对任何应用程序中的用户进行身份验证，管理和保护。][Okta_API]

冷不防/ 2023年02月25日 03:58/ 0 赞/ 121 阅读

相关 591 标签验证器（模拟、栈匹配括号）

1. 问题描述：给定一个表示代码片段的字符串，你需要实现一个验证器来解析这段代码，并返回它是否合法。合法的代码片段需要遵守以下的所有规则： 1. 代码必须被合法的闭合标

àì夳堔傛蜴生んèń/ 2022年08月31日 15:28/ 0 赞/ 135 阅读

相关 JSF html标签字符进行转义

如题： <h:outputText value="<br/>" rendered="\\{indNo>0\}" escape="false"/> 条件换行 escape

痛定思痛。/ 2022年08月14日 04:45/ 0 赞/ 225 阅读

相关 jsf标签验证器的使用

jsf验证器+正则表达式验证密码，两次密码是否一致功能。需求说明： 1，密码和确认后面显示（由10-15位字母或数字组成） 2，两次密码不一致时在确认密码后提示

电玩女神/ 2022年08月07日 16:44/ 0 赞/ 145 阅读

相关 JSF标签学习总结上

输出类 outputLink outputLabel outputText

清疚/ 2022年06月18日 12:22/ 0 赞/ 170 阅读

相关 JSF标签学习总结下

显示图片组件排版表格 -------------------- 显示图片 value中加上图片路径 <h:gra

た入场券/ 2022年06月17日 02:15/ 0 赞/ 144 阅读

相关 Jsf标签详解（全）

转自：https://wenku.baidu.com/view/82b84b255901020207409c87.html Jsf标签详解（全） action

た入场券/ 2022年06月06日 00:16/ 0 赞/ 253 阅读

相关 JSF Converter介绍与使用

转自：http://xiejibin.blog.163.com/blog/static/538770992008816359667/ JSF提供Converter机制对用

忘是亡心i/ 2022年06月05日 23:30/ 0 赞/ 227 阅读

相关 JSF标签f:selectItems的使用方法

f:selectItem用来为h:selectOneMenu等选择项组件设置数据选项 f:selectItems与f:selectItem标签一样，用来为 \- h:s

Myth丶恋晨/ 2022年05月22日 05:44/ 0 赞/ 230 阅读