控制类
@PostMapping("check") @ResponseBody public String checkRegister(HttpServletRequest request, HttpServletResponse response,@RequestParam("userName")String username) throws IOException { System.out.println(username); boolean data = adminService.checkReg(username); return String.valueOf(data); // String msg=""; // if(data==true) { // msg=""; // }else { // msg="用户名已注册"; // } //response.setContentType("text/html;charset=utf-8"); // response.getWriter().print(msg); }
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ include file="header.jsp"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>校园互助平台-管理员注册</title> <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台"> <meta name="description" content="H+是一个完全响应式,基于Bootstrap3最新版本开发的扁平化主题,她采用了主流的左右两栏式布局,使用了Html5+CSS3等现代技术"> <link rel="shortcut icon" href="<%=basePath%>favicon.ico"> <link href="<%=basePath%>css/bootstrap.min.css?v=3.3.6" rel="stylesheet"> <link href="<%=basePath%>css/font-awesome.css?v=4.4.0" rel="stylesheet"> <link href="<%=basePath%>css/plugins/iCheck/custom.css" rel="stylesheet"> <link href="<%=basePath%>css/animate.css" rel="stylesheet"> <link href="<%=basePath%>css/style.css?v=4.1.0" rel="stylesheet"> <script> if (window.top !== window.self) { window.top.location = window.location; } </script> <script> if (window.top !== window.self) { window.top.location = window.location; } </script> </head> <body class="gray-bg"> <div class="middle-box text-center loginscreen animated fadeInDown"> <div> <div> <h1 class="logo-name">H+</h1> </div> <h3>欢迎注册 H+</h3> <p>创建一个管理员新账户</p> <form class="m-t" role="form" action="http://localhost:8080/CMAP/adminLogin/insertAdmin" method="post"> <div class="form-group"> <input type="text" class="form-control" placeholder="请输入用户名" required="" name="userName" onblur="checkUsername()" id="username"> <span id="userSpan" style="color: red;font-family: 楷体"></span> <span id="user1Span" style="color: red;font-family: 楷体"></span> </div> <div class="form-group"> <input type="password" class="form-control" placeholder="请输入密码" required="" name="passWord" onblur="isPwd()" id="pwd1"> <span id="pwd1Span" style="color: red;font-family: 楷体"></span> </div> <div class="form-group"> <input type="password" class="form-control" placeholder="请再次输入密码" required="" name="passWord1" name="passWord1" onblur="isCom()" id="pwd2"> <span id="pwd2Span" style="color: red;font-family: 楷体"></span> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="请输入手机号" required=""name="phone" id="mobile" onblur="checkphone()"> <span id="pwd3Span" style="color: red;font-family: 楷体"></span> </div> <div class="form-group"> <input type="email" class="form-control" placeholder="请输入邮箱" required="" name="email" id="email" onblur="checkemail()"> <span id="emailSpan" style="color: red;font-family: 楷体"></span> </div> <div class="form-group"> 性别:<input name="sex" type="radio" value="男" checked/>男 <input name="sex" type="radio" value="女"/>女</div> </div> <div class="form-group text-left"> <div class="checkbox i-checks"> <label class="no-padding"> <input type="checkbox" id="checkbox"><i></i> 我同意注册协议 </label> </div> </div> <button type="submit" class="btn btn-primary block full-width m-b" id="submit" onclick="return check()">注 册</button> <span id="submitSpan" style="color: red;font-family: 楷体"></span> </form> </div> </div> <script> var flag=0 //用户名 function checkUsername() { //用户名文本框中的内容 var username =document.getElementById('username').value $.ajax({ url:"${pageContext.request.contextPath}/adminLogin/check", type:"POST", data:{"userName":$("#username").val()}, //dataType:"text", success:function(data){ if(data=="true"){ $("#user1Span").html(""); $("#submit").attr('disabled',false); return true; } else{ $("#user1Span").html("用户名被注册"); //禁用按钮 $("#submit").attr('disabled',true); return false; } } }); //正则表达式 //长度6-13位,第一个必须是字母,其他只能是数字跟字母 var userReg=/^[\u4e00-\u9fa5a-zA-Z0-9]{2,12}$/ if (username !="") { //判断用户名是否为空 if (userReg.test(username)) { //校验正则表达式 document.getElementById("userSpan").innerHTML = "" $("#submit").attr('disabled',false); return true; } else { document.getElementById("userSpan").innerHTML = "中文或英文或数字6到12位" $("#submit").attr('disabled',true); return false; } }else{ document.getElementById("userSpan").innerHTML = "用户名不能为空" $("#submit").attr('disabled',true); return false; } } //密码校验 function isPwd(){ var password =document.getElementById('pwd1').value //正则表达式 //英语字母和数字组成4-16位 var userpwd=/^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,16}$/ if (password !="") { //判断密码是否为空 if (userpwd.test(password)) { document.getElementById("pwd1Span").innerHTML = "" $("#submit").attr('disabled',false); return true; } else { document.getElementById("pwd1Span").innerHTML = "英语字母,数字,特殊字符组成8-16位" $("#submit").attr('disabled',true); return false; } }else{ document.getElementById("pwd1Span").innerHTML= "密码不能为空" $("#submit").attr('disabled',true); return false; } }; //确认密码 function isCom(){ var repawd = document.getElementById('pwd2').value var password =document.getElementById('pwd1').value //正则表达式 //英语字母和数字组成4-16位 var userrepwd = /^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,16}$/ if (userrepwd.test(repawd)) { if ( password == repawd) { document.getElementById("pwd2Span").innerHTML = "" $("#submit").attr('disabled',false); return true; }else{ document.getElementById("pwd2Span").innerHTML = "两次密码不一致,请重新输入" $("#submit").attr('disabled',true); return false; } } else { document.getElementById("pwd2Span").innerHTML = "请输入密码" $("#submit").attr('disabled',true); return false; } return true; }; //电话号码 function checkphone() { var mobile =document.getElementById('mobile').value //正则表达式 var telephone=/^1[3456789]\d{9}$/ //判断电话号码是否为空 if (mobile !="") { if (telephone.test(mobile)) { document.getElementById("pwd3Span").innerHTML = ""; $("#submit").attr('disabled',false); return true; } else { document.getElementById("pwd3Span").innerHTML = "手机格式不正确"; return false; } }else{ document.getElementById("pwd3Span").innerHTML = "手机号码不能为空"; return false; } } //邮箱 function checkemail() { var email =document.getElementById('email').value //正则表达式 var youxiang=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/ if (email !="") { //判断邮箱是否为空 if (youxiang.test(email)) { document.getElementById("emailSpan").innerHTML = "" $("#submit").attr('disabled',false); return true; } else { document.getElementById("emailSpan").innerHTML = "邮箱格式错误,请重试 例:aaa@.com>" $("#submit").attr('disabled',true); return false; } }else{ document.getElementById("emailSpan").innerHTML = "邮箱不能为空" $("#submit").attr('disabled',true); return false; } } $('#submit').click(function(){ if (checkUsername()&&isPwd()&&isCom()&&checkphone()&&checkemail()){ $("#submit").attr('disabled',false); return true }else{ document.getElementById("submitSpan").innerHTML = "请将注册信息正确填写"; $("#submit").attr('disabled',true); return false; } }); function check(){ if(!document.getElementById("checkbox").checked){ alert("你必须同意协议"); return false} return true } </script> <script src="<%=basePath%>js/jquery.min.js?v=2.1.4"></script> <script src="<%=basePath%>js/bootstrap.min.js?v=3.3.6"></script> <!-- iCheck --> <script src="<%=basePath%>js/plugins/iCheck/icheck.min.js"></script> <script> $(document).ready(function() { $('.i-checks').iCheck({ checkboxClass : 'icheckbox_square-green', radioClass : 'iradio_square-green', }); }); </script> </body> </html>
dao层代码
import org.hibernate.Query;
import org.hibernate.Session;
import org.hibernate.SessionFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;
import com.niit.dao.AdminDao;
import com.niit.entity.Admin;
import com.niit.entity.Users;
@Component("adminDao")
public class AdminDaoImpl implements AdminDao{
@Autowired
SessionFactory sessionFactory;
public int checkR(String username) {
Session session = sessionFactory.getCurrentSession();
StringBuffer Hql = new StringBuffer(" from com.niit.entity.Admin a where a.userName =?");
Query query = session.createQuery(Hql.toString());
query.setParameter(0, username);
List<Admin> list = query.list();
if(list.size()==0) {
return 0;
}else {
return 1;
}
}
}
截图