项目描述
上传时间
浏览人数
1)div部分
<div class="container"> <div class="row"> <div class="col-xl-4"></div> <div class="col-xl-4"></div> <div class="col-xl-4"> <div class="row"> <div class="col-xl-4"></div> <div class="col-xl-4"></div> <div class="col-xl-4" style="margin-top: 100px"> <div class="big"style="font-size: 25px">用户注册</div> <input type="text" class="big1" placeholder="昵称" onblur="m()"> <input type="text" class="big2" placeholder="邮箱" onblur="m()"> <input type="text" class="big3" placeholder="密码" onblur="m()"> <input type="text" class="big4" placeholder="再次输入密码" onblur="m()"> <div class="big5"><p style="text-align: center"></p></div> <button class="big" style="font-size: 25px" onclick="n()">注册</button> </div> </div> </div> </div> </div>
2)js部分
<script type="text/javascript"> function m() { let a=$(".big1").val() let b=$(".big2").val() let c=$(".big3").val() let d=$(".big4").val() a=a.replace(/\s+/g,"") b=b.replace(/\s+/g,"") c=c.replace(/\s+/g,"") d=d.replace(/\s+/g,"") if (a.length===0||b.length===0||c.length===0||d.length===0) { $(".big5").text("昵称、邮箱、密码(包含二次密码)均不能为空") return false }else { $(".big5").text("") return true } } let a1=/[\u4e00-\u9fa5]{1,5}/ //昵称 let b1=/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; //邮箱 let c1=/^[0-9a-zA-Z]{6,15}$/; //密码长度6~15 function n() { if (m()===false){ return } let a=$(".big1").val() let b=$(".big2").val() let c=$(".big3").val() let d=$(".big4").val() if (a.length<6) { console.log("执行下一步"); console.log(a1.test(a)); }else { $(".big5").text("昵称长度小于6位") return } if (b1.test(b)) { console.log("执行下一步"); console.log(b1.test(b)); }else { $(".big5").text("邮箱格式错误") return } if (c.length>5||c.length<16) { console.log("执行下一步"); console.log(c1.test(c)); }else { $(".big5").text("密码长度介于6~15之间") return } if (c.length===d.length){ console.log("密码一致"); } else { $(".big5").text("密码不一致") return } let web="https://zhuzuoji.com/myapi/employee/register" let parameter={ key:"vv9544", name:a, email:b, password:c, password_confirm:d, } $.ajax({ url:web, data:parameter, type:"post", success:function (i) { i=JSON.parse(i); console.log(i); if (i.state===1) { $(".big5").text(i.msg) }else { $(".big5").text(i.msg) } } }) } </script>