AJAX实现注册验证用户名_AJAX相关

来源:脚本之家  责任编辑:小易  

本文实例为大家分享了AJAX实现注册验证用户名的具体代码,供大家参考,具体内容如下

功能说明

当用户在注册页面输入用户名并且鼠标焦点离开输入框时,到数据表中去验证该用户名是否已经存在,如果存在提示不可用,否则,提示可用

接口

public interface UserDao {
 public User findName(String name);
}

接口实现类

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

public class UserDaoImpl implements UserDao {

 @Override
 public User findName(String name) {
  User user =null;
  Connection conn = DBHelper.getConn();
  String sql = "select * from user where name=?";
  try {
   PreparedStatement ps = conn.prepareStatement(sql);
   ps.setString(1,name);
   ResultSet rs = ps.executeQuery();
   if (rs.next()){
    user = new User();
    user.setId(rs.getInt(1));
    user.setName(rs.getString(2));
    user.setPassword(rs.getString(3));
   }
  } catch (SQLException e) {
   e.printStackTrace();
  }
  return user;
 }
}

servlet

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/findName")
public class FindNameServlet extends HttpServlet {
 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  request.setCharacterEncoding("utf-8");
  response.setContentType("text/html;charset=utf-8");
  String name = request.getParameter("name");
  UserDao userDao = new UserDaoImpl();
  User name1 = userDao.findName(name);
  if (name1!=null){
   response.getWriter().write("1");
  }else {
   response.getWriter().write("2");
  }
 }

 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  this.doPost(request, response);
 }
}

JSP页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
 <head>
 <title>AJAX实际操作注册验证用户名</title>
 <script src="js/jquery-1.8.3.js"></script>
 </head>
 <body>
 <form action="#" method="post">
 <script type="text/javascript">
  $(function () {
   $("[name=userName]").blur(function () {
    $.ajax({
     type:"get",
     url:"findName?name="+$("[name=userName]").val(),
     dataType:"text",
     success:function (data) {
      //alert(data);
      if (data=="1"){
       $("#show").html("用户已存在!!!")
      }else {
       $("#show").html("用户名可用")
      }
     }
    })
   })
  });
 </script>
 账号<input type="text" name="userName"><span id="show"></span></br>
 密码<input type="password" name="password"></br>
 <input type="submit" value="提交">
 </form>
 </body>
</html>

数据库如下:

运行结果如下:


  • 本文相关:
  • ajax全局加载框(loading效果)的配置
  • ajax实现城市二级联动(二)
  • 多ajax请求的各类解决方案(同步, 队列, cancel请求)
  • ajax开始准备篇
  • ajax跨域访问cookie丢失问题的解决方法
  • 如何解决ajax在google chrome浏览器上失效
  • ajax与json的一些学习总结
  • ajax邮箱、用户名唯一性验证实例代码
  • ajax二级联动菜单实现原理及代码
  • ajax异步读取后台传递回的下拉选项的值方法
  • 使用AJAX注册登录验证,前台发送AJAX到后台进行验...
  • 用python + ajax写一个验证用户名是否存在的功能 ...
  • ajax jQuery进行注册用户名验证
  • ajax验证用户名是否已经注册
  • JSP+AJAX实现的验证用户名是否存在
  • 关于Jquery+ajax验证用户名在数据库是否存在的问题
  • ajax验证用户名是否存在问题
  • AJAX异步表单验证用户名是否存在(jsp+sevlet实现)
  • ajax实现登陆用户验证,想实现用错误用户名登陆时...
  • asp注册验证用户名是否重复的Ajax实例
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全javascriptasp.netphp编程ajax相关正则表达式asp编程jsp编程编程10000问css/htmlflex脚本加解密web2.0xml/rss网页编辑器相关技巧安全相关网页播放器其它综合dart首页jquery+ajax实现注册实时验证实例详解用ajax实现页面登陆以及注册用户名验证的简单实例php+ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)ajax验证用户名或昵称是否已被注册asp.net下利用jquery ajax实现用户注册检测(验证用户名是否存)ajax注册用户时实现表单验证ajax对注册名进行验证检测是否存在于数据库中ajax+java用户登陆注册验证的实现代码asp ajax注册验证之 防止用户名输入空格使用struts2+ajax+jquery验证用户名是否已被注册ajax全局加载框(loading效果)的配置ajax实现城市二级联动(二)多ajax请求的各类解决方案(同步, 队列, cancel请求)ajax开始准备篇ajax跨域访问cookie丢失问题的解决方法如何解决ajax在google chrome浏览器上失效ajax与json的一些学习总结ajax邮箱、用户名唯一性验证实例代码ajax二级联动菜单实现原理及代码ajax异步读取后台传递回的下拉选项的值方法jquery ajax 向后台传递数组参数ajax readystate的五种状态详解ajax中的async属性值之同步和异步jquery实现ajax定时刷新局部页面ajax传递多个参数具体实现ajax获取数据中文乱码问题最简单ajax获取数据然后显示在页面的实jquery ajax中使用serialize()方自己动手打造ajax图片上传(网上没ajax 缓存问题的两种解决方法(iexajax的form例子菜鸟蔡之ajax复习第三篇(ajax之无刷新登录ajax提交url与ajax提交表单的详细比较ajax工作原理及优缺点详解xmlhttp 乱码 比较完整的解决方法 (utf8,ajax开发简略 (第一部分)ajax获取用户所在地天气的方法ajax 数据库中随机读取5条数据动态在页面ajax实现用户名校验的传统和jquery的$.po分页技术原理与实现之无刷新的ajax分页技
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved