已有注册用户，<（） （）="login.html">请登录</form></body></html>2.reg.css文件部分。*{margin:0;padding:0;cursor: pointer;box-sizing:border-box;}#reg-box{width:900px;height:auto;/* 子元素为弹性布局 */display:();/* 水平居中 */margin:50px auto;}.reg{/* 此类元素宽度比例为1：1 */():1;padding:50px;}.reg img{width:100%;}form{width:100%;/* 设置该元素被子元素撑开，并消除因子元素浮动带来的问题 */height:();border:1px solid #CCC;(): hidden;/* 使得子元素可以相对于自己相对定位 */position:();}input[type="text"],input[type="password"],#title{width:300px;display: block;height:40px;line-height: 40px;margin:30px auto;padding-left: 15px;}#title{width:350px;text-align: center;font-size: 20px;margin:0;background: #CCC;}.reg-ts{width:300px;height:30px;font-size: 10px;color:#B91720;margin:0 auto;line-height: 30px;/* 相对于父元素定位 */position:();left:30px;/* 默认隐藏元素 */():();}.ts1{top:40px;}.ts2{top:110px;}.ts3{top:180px;}.ts4{top:250px;display: block;}.btn{width:140px;display: block;/* 元素从右向左排列 */():right;height:40px;margin-top:30px;margin:30px 25px 30px 0;}3.reg.js部分。$(function(){/*所有文本域获取焦点时*/$("()").focus(function(){/*jquery方法实现当前元素的值为空*/$(()).();})$(".pass").focus(function(){/*当前元素类型为密码*/$(this).();})/*用户名为6-16位数字、字母、下划线，首字符为非数字*/var regName=();var userName=reg.userName;/*用户名输入时*/userName.()=function(){/*用户名的值不符合规则时显示报错，否则隐藏报错*/if(!().()(userName.value)){$(".ts1").css({"display":"block"});}else{$(".ts1").css({"display":"none"});}}var pass=reg.pass;var regPass=/^\w{6,16}$/;pass.oninput=function(){if(!regPass.test(pass.value)){$(".ts2").css({"display":"block"});}else{$(".ts2").css({"display":"none"});}}var pass1=reg.pass1;pass1.oninput=function(){/*如果两次密码不相等则报错，否则隐藏*/if(()){$(".ts3").css({"display":"block"});}else{$(".ts3").css({"display":"none"});}}$("input[type='button']").click(function(){/*跳转到登录页面*/()="login.html";})})
