效果图：

全部代码：

pageEncoding="UTF-8"%>

注册界面

body{

background-image:url(images/image2.jpg);

background-size:100% 100%;

background-attachment:fixed;

}

.main{

width:525px;

margin-left:auto;

margin-right:auto;

}

.hr_1 {

font-size: 36px;

font-weight: bold;

color: #3275c3;

height: 35px;

border-bottom-width: 3px;

border-bottom-style: solid;

border-bottom-color: #3275c3;

vertical-align:bottom;

padding-left:12px;

}

.left{

text-align:right;

width:80px;

height:25px;

padding-right:5px;

}

.center{

width:135px;

}

.in{

width:130px;

height:16px;

border:solid 1px #79abea;

}

.red{

color:#cc0000;

font-weight:bold;

}

div{

color:#F00;

}

function $(elementId){

return document.getElementById(elementId).value;

}

function divId(elementId){

return document.getElementById(elementId);

}

/*用户名验证*/

function checkUser(){

var user=$("user");

var userId=divId("user_prompt");

userId.innerHTML="";

var reg=/^[a-zA-Z][a-zA-Z0-9]{3,15}$/;

if(reg.test(user)==false){

userId.innerHTML="用户名不正确";

return false;

}

return true;

}

/*密码验证*/

function checkPwd(){

var pwd=$("pwd");

var pwdId=divId("pwd_prompt");

pwdId.innerHTML="";

var reg=/^[a-zA-Z0-9]{4,10}$/;

if(reg.test(pwd)==false){

pwdId.innerHTML="密码不能含有非法字符，长度在4-10之间";

return false;

}

return true;

}

function checkRepwd(){

var repwd=$("repwd");

var pwd=$("pwd");

var repwdId=divId("repwd_prompt");

repwdId.innerHTML="";

if(pwd!=repwd){

repwdId.innerHTML="两次输入的密码不一致";

return false;

}

return true;

}

/*验证邮箱*/

function checkEmail(){

var email=$("email");

var email_prompt=divId("email_prompt");

email_prompt.innerHTML="";

var reg=/^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;

if(reg.test(email)==false){

email_prompt.innerHTML="Email格式不正确，例如web@163.com";

return false;

}

return true;

}

/*验证手机号码*/

function checkMobile(){

var mobile=$("mobile");

var mobileId=divId("mobile_prompt");

var regMobile=/^1\d{10}$/;

if(regMobile.test(mobile)==false){

mobileId.innerHTML="手机号码不正确，请重新输入";

return false;

}

mobileId.innerHTML="";

return true;

}

新用户注册

//验证页面logincheck2.jsp还没有写

用  户  名：		用户名由英文字母和数字组成的4-16位字符，以字母开头
密        码：		密码由英文字母和数字组成的4-10位字符
确认密码：
电子邮箱：
手机号码：

本文地址：https://blog.csdn.net/qq_44161929/article/details/111130219

如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！