ssm 用户名密码昵称邮箱手机格式验证

最新推荐文章于 2023-03-29 17:07:43 发布

猿憨憨

最新推荐文章于 2023-03-29 17:07:43 发布

阅读量2.1k

点赞数 2

分类专栏： SSM 文章标签：用户名密码昵称邮箱手机

本文链接：https://blog.csdn.net/a1265262132/article/details/80929620

版权

SSM 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

利用正则表达式进行格式验证 onblur属性光标脱离文本框调用函数用户名需要访问数据库查重,不能只进行简单的格式验证

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>
    <title>欢迎注册</title>
</head>

<body>

                <table>
    
    
                    <tr>
                        <td>密码:</td>
                        <td>

                            <input type="password" name="password" id="password" onblur="checkPassword()">
                            <span id="password_span"></span>
                        </td>
                    </tr>
    
                    <tr>
                        <td>确认密码:    </td>
                        <td>
                            <input type="password" name="repassword" id="repassword" onblur="checkRepassword()">
                            <span id="repassword_span"></span>
                        </td>
                    </tr>
    
                    <tr>
                        <td>昵称:</td>
                        <td>
                            <input type="text" name="nickname" id="nickname" onblur="checkNickname()">
                            <span id="nickname_span"></span>
                        </td>
                    </tr>
    
                    <tr>
                        <td>邮箱:</td>
                        <td>
                            <input type="text" name="email" id="email" required="required" onblur="checkEmail()">
                            <span id="email_span"></span>
                        </td>
                    </tr>
    
    
                </table>

</body>
<script type="text/javascript">
function checkPassword(){
	var password=document.getElementById("password").value;
	var reg=/^[a-zA-Z]\w{5,15}$/;
	var f = reg.test(password);
	if(f==false){
		document.getElementById("password_span").innerHTML="密码格式错误";
		return false;
	}else{
		document.getElementById("password_span").innerHTML="";
		return true;
	}
}
function checkRepassword(){
	var password=document.getElementById("password").value;
	var repassword=document.getElementById("repassword").value;
	if(password==repassword){
		return true;
	}else{
		document.getElementById("repassword_span").innerHTML="两次输入密码不一致";
		return false;
	}
}
function checkNickname(){
	var nickname = document.getElementById("nickname").value;
	var reg=/^[\u4e00-\u9fa5]{2,6}$/
	var f = reg.test(nickname);
	if(f==false){
		document.getElementById("nickname_span").innerHTML="昵称格式错误";
		return false;
	}else{
		document.getElementById("nickname_span").innerHTML="";
		return true;
	}
}

//验证邮箱
function checkEmail(){
	var email=document.getElementById("email").value;
	//两种引用正则表达式方式
	//var reg = new RegExp("^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$");
	var reg=/^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/;
	var f = reg.test(email);
	if(f==false){
		document.getElementById("email_span").innerHTML="邮箱格式错误";
		return false;
	}else{
		document.getElementById("email_span").innerHTML="";
		return true;
	}
}
</script>

</html>