js表单注册验证_function usename(){ var sp1 = document.-CSDN博客

本文链接：https://blog.csdn.net/qq_42058441/article/details/91127038

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册页面</title>
<!-- <link href="css/register.css" rel="stylesheet" type="text/css"> -->
<script type="text/javascript" src="js/register.js"></script>
</head>
<body>
	<form method="post" action="RegisterServlet.html" onsubmit="return valForm()">
	<table>
		<tr>
			<td><label for="username">用户名:</label></td>
			<td><input type="text" name="username" id="username" required="required" onblur="valname();"><span id="userErr"></span></td>
		</tr>
		<tr>
			<td><label for="password">密　码:</label></td>
			<td><input type="password" name="password" id="password" required="required" onblur="valpass();"><span id="passErr"></span></td>
		</tr>
		<tr>
			<td><label for="repassword">确认密码:</label></td>
			<td><input type="password" name="repassword" id="repassword" required="required" onblur="valrepass();"><span id="repassErr"></span></td>
		</tr>
		<tr>
			<td></td>
			<td><input type="submit" value="注册"><a href="login.html"><input type="button" value="去登录"></a></td>
		</tr>
	</table>
					
		
	</form>
</body>
</html>

<!--
//验证用户名
function valname()
{
	var username=document.getElementById("username");
	var userErr=document.getElementById("userErr");
	
	if(username.value.replace(/\s/g,"")=="")
	{
		userErr.innerHTML="用户名不能为空或空格";
		return false;
	}else
	{
		username.value=username.value.replace(/\s/g,"");//除去空格
		userErr.innerHTML="";
		return true;
	}
}
//验证密码
function valpass()
{
	var password=document.getElementById("password");
	var passErr=document.getElementById("passErr");
	
	if(password.value.replace(/\s/g,"")=="")
	{
		passErr.innerHTML="密码不能为空或空格";
		return false;
	}else
	{
		password.value=password.value.replace(/\s/g,"");//除去空格
		passErr.innerHTML="";
		return true;
	}
}
function valrepass()
{
	var repassword=document.getElementById("repassword");
	var repassErr=document.getElementById("repassErr");
	var password=document.getElementById("password");
	
	if(repassword.value.replace(/\s/g,"")=="")
	{
		repassErr.innerHTML="密码不能为空或空格";
		return false;
	}else
	{
		repassword.value=repassword.value.replace(/\s/g,"");//除去空格
		repassErr.innerHTML="";
	}
	if(repassword.value!=password.value)
	{
		repassErr.innerHTML="两次密码不一致";
		return false;
	}else
	{
		repassErr.innerHTML="";
	}
	return true;
}
//提交验证
function valForm()
{
	if(valname()==true && valpass()==true && valrepass()==true )
	{
		return true;
	}else
	{
		return false;
	}
}
//-->