Ajax+Struts2用户注册功能实现

详细请参考源码（Github)：https://github.com/QQ3330447288/ajaxRegister

1、目录结构

2、截图

3、核心代码：

register.jsp

<script>
　　var code = "";
　　var nameIsOk = false;
　　var codeIsOK = false;
　　//检查账号是否已经存在
　　function checkUserName(input) {
　　　　//alert(input.value);
　　　　var name = input.value;
　　　　$.post("<%=path%>/checkUserName.action", {
　　　　　　userName : name
　　　　}, function(data) {
　　　　　　//alert(data);
　　　　　　if (data == 1) {
　　　　　　　　$('#tip').html("当前账号已经存在！");
　　　　　　　　nameIsOk = false;
　　　　　　} else {
　　　　　　　　$('#tip').html("");
　　　　　　　　nameIsOk = true;
　　　　　　}
　　　　});
　　}
　　//生成随机验证码
　　function createCode(sum) {
　　　　code = "";
　　　　for (var i = 0; i <sum; i++) {
　　　　　　var num = parseInt(Math.random() * 10) % 10;
　　　　　　code += num;
　　　　}
　　　　return code;
　　}

　　//发送随机验证码给短信服务商
　　function sendCode(input) {
　　　　var phone = $("#phone").val();
　　　　var pattern = /^1[34578]\d{9}$/;
　　　　if(phone==""||phone==null||!pattern.test(phone)){
　　　　　　alert("手机号为空或格式错误!");
　　　　　　return;
　　　　}else{
　　　　　　input.setAttribute("disabled", "disabled");
　　　　　　var count = 60;
　　　　　　var time = setInterval(function(){
　　　　　　input.value=count+"s";
　　　　　　count--;
　　　　　　if(count<0){
　　　　　　　　input.removeAttribute("disabled");
　　　　　　　　clearInterval(time);
　　　　　　　　input.value="发送";
　　　　　　}
　　　　},1000);
　　　　//生成6位验证码
　　　　var code = createCode(6);
　　　　//alert(code);
　　　　$.post("<%=path%>/sendCode.action", {
　　　　　　phone : phone,
　　　　　　code : code
　　　　}, function(data) {

　　　　});
　　}
　　}
　　//注册功能实现
　　function register() {
　　　　var userName = $("#userName").val();
　　　　var pwd = $("#pwd").val();
　　　　var pwd_sure = $("#pwd_sure").val();
　　　　var phone = $("#phone").val();
　　　　var codeInput = $("#codeInput").val();
　　　　var pattern = /^1[34578]\d{9}$/;
　　　　if($.trim(userName)==""||userName==null){
　　　　　　alert("用户名不能为空！");
　　　　　　return;
　　　　}else if(pwd==""||pwd==null){
　　　　　　alert("密码不能为空！");
　　　　　　return;
　　　　}else if(pwd.length<6){
　　　　　　alert("密码至少6位！");
　　　　　　return;
　　　　}
　　　　else if(pwd_sure==""){
　　　　　　alert("确认密码不能为空!");
　　　　　　return;
　　　　}
　　　　else if(pwd != pwd_sure){
　　　　　　alert("两次输入密码不一致！");
　　　　　　return;
　　　　}else if(phone==""||phone==null){
　　　　　　alert("手机号码不能为空!");
　　　　　　return;
　　　　}
　　　　else if(!pattern.test(phone)){
　　　　　　alert("手机号格式不正确！");
　　　　　　return;
　　　　}else if(codeInput==""||codeInput==null){
　　　　　　alert("验证码不能为空！");
　　　　　　return;
　　　　}
　　　　if(code == codeInput){
　　　　　　//alert("验证码输入正确！");
　　　　　　codeIsOK = true;
　　　　　　//alert(codeIsOK);
　　　　}else{
　　　　　　alert("验证码输入错误！");
　　　　　　codeIsOK = false;
　　　　}
　　　　//alert(nameIsOk);
　　　　//alert(codeIsOK);
　　　　if(nameIsOk==true&&codeIsOK==true){
　　　　　　//alert(1);
　　　　　　$.post("<%=path%>/addUser.action", {
　　　　　　　　userName:userName,
　　　　　　　　pwd : pwd,
　　　　　　　　phone : phone
　　　　　　},function(data){
　　　　　　　　//alert(data);
　　　　　　　　if(data==1){
　　　　　　　　　　alert("注册成功！");
　　　　　　　　　　window.location.href="<%=path%>/page/home/login.jsp";
　　　　　　　　}else{
　　　　　　　　　　alert("注册失败！");
　　　　　　　　}
　　　　　　});
　　　　}
　　}
　　//键盘回车提交表单
　　/*
　　$(document).ready(function() {
　　　　$(document).keydown(function(event) {
　　　　　　if (event.keycode == 13) {
　　　　　　　　register();
　　　　　　}
　　　　})
　　})
　　*/
</script>

CheckUserAction.java:

　　public class CheckUserAction extends ActionSupport {
　　/**
　　* 查看是否已经存在
　　* @throws IOException
　　*/
　　public void checkUserName() throws IOException {
　　　　// ServletActionContext类来自strut2-core-2.1.6.jar
　　　　// 获取request对象
　　　　HttpServletRequest request = ServletActionContext.getRequest();
　　　　String userName = request.getParameter("userName");
　　　　// System.out.println(userName);
　　　　// 获取response对象
　　　　HttpServletResponse response = ServletActionContext.getResponse();
　　　　// 设置response返回数据内容的编码
　　　　response.setContentType("text/html,charset=utf-8");
　　　　PrintWriter out = response.getWriter();
　　　　// out.print(111);
　　　　if (isExists(userName)) {
　　　　　　out.print("1");
　　　　} else {
　　　　　　out.print("0");
　　　　}
　　　　out.flush();
　　　　out.close();
　　}

　　public Boolean isExists(String userName) {
　　　　String sql = "SELECT *FROM user WHERE username=?";
　　　　BaseDao baseDao = new BaseDao();
　　　　List<Object> param = new ArrayList<Object>();
　　　　param.add(userName);
　　　　try {
　　　　　　List<User> list = baseDao.getModelsWidthSqlAndParam(sql, param, new User());
　　　　　　if (list.size() > 0) {
　　　　　　　　return true;
　　　　　　} else {
　　　　　　　　return false;
　　　　　　}
　　　　} catch (Exception e) {
　　　　　　e.printStackTrace();
　　　　}　　
　　　　return false;
　　}
}

SendCodeAction.java:

　　public class SendCodeAction extends ActionSupport {
　　　　public void sendCode() {
　　　　　　HttpServletRequest request = ServletActionContext.getRequest();
　　　　　　String code = request.getParameter("code");
　　　　　　String phone = request.getParameter("phone");
　　　　　　// System.out.println(code);
　　　　　　// System.out.println(phone);
　　　　　　SDKDemo.sendCodeWithTel(phone, code);
　　　　}
　　}

 

AddUserAction.java：

　　public class AddUserAction extends ActionSupport {
　　　　public void addUser() throws IOException {
　　　　　　HttpServletRequest request = ServletActionContext.getRequest();
　　　　　　String userName = request.getParameter("userName");
　　　　　　String pwd = Md5.md5(request.getParameter("pwd"), "Thanlon");
　　　　　　// System.out.println(pwd);
　　　　　　String phone = Md5.md5(request.getParameter("phone"), "Thanlon");
　　　　　　HttpServletResponse response = ServletActionContext.getResponse();
　　　　　　response.setContentType("text/html;charset=utf-8");
　　　　　　PrintWriter out = response.getWriter();
　　　　　　// System.out.println(userName+phone+pwd);
　　　　　　if (iSaddUser(userName, pwd, phone)) {
　　　　　　　　out.print(1);
　　　　　　} else {
　　　　　　　　out.print(0);
　　　　　　}
　　　　　　out.flush();
　　　　　　out.close();
　　　　}

　　　　private Boolean iSaddUser(String userName, String pwd, String phone) {
　　　　　　String sql = "INSERT user(username,pwd,phone) VALUES(?,?,?)";
　　　　　　List<Object> parames = new ArrayList<Object>();
　　　　　　parames.add(userName);
　　　　　　parames.add(pwd);
　　　　　　parames.add(phone);
　　　　　　BaseDao dao = new BaseDao();
　　　　　　try {
　　　　　　　　int count = dao.executeUpdate(sql, parames);
　　　　　　　　return count > 0;
　　　　　　} catch (Exception e) {
　　　　　　　　// TODO Auto-generated catch block
　　　　　　　　e.printStackTrace();
　　　　　　}
　　　　　　return false;
　　　　}
　　}

文章难免会有纰漏之处，还望热心业内人士能给出修改的意见或者建议。
版权声明：本文为博主原创，转载请注明出处。