关闭

Ajax 异步判断用户名是否存在开发流程

标签: ajaxstringjquerysqlservicediv
1339人阅读 评论(0) 收藏 举报
分类:
1添加jslib到工程WebRoot下,里面有jquery类库和自定义verify.js


2在html中引入这两个js类。
 <script type="text/javascript" src="jslib/jquery.js"></script>
 <script type="text/javascript" src="jslib/verify.js"></script>




3在需要判断的输入框添加事件
例如键盘按起事件 onkeyup=“”,事件指向verify.js里面的verify函数


用户名:<input type="text" name="userName" id="userName" onkeyup="verify()"/>


4在页面添加 div 或者 span来接收服务器返回的信息。
<div id="result"></div>


5 ServletAjax类
doPost方法中代码:


public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {

response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();

String  userName=request.getParameter("userName"); //userName 必须和verify.js中定义的对应

UserService service=new UserService();
int flag = service.selectUsers(userName);

if(flag == 1){
out.println("*&nbsp;此用户名已经存在,请选择其他用户名注册。");
}else{
out.println("*&nbsp;此用户名不存在 ,您可以注册。");
}

}

6:UserService.java
添加如下方法。


/*
* 注册时Ajax异步查询用户名是否存在
*/
public int selectUsers(String userName){
dbcon = new DBConnection();
sta = dbcon.getStatement();
sql = "select * from users";
try {
rs=sta.executeQuery(sql);
tag:
while(rs.next()){
String usernamedata = rs.getString("userName");
if(usernamedata.equals(userName)){
//存在的情况下,flag=1
flag = 1;
break tag;
}
}
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return flag;
}


OK!
0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

ajax+servlet实现注册验证(验证用户名是否存在)

做项目过程中,需要用到 ajax 实时验证注册的用户名是否已经存在。所以写了一个小例子,经过测试直接可用。主要分为4个文件,分别为 web.xml 文件,login.jsp文件,login.js 以及 LoginServlet.java文件。 在eclipse中新建项目,文件的存放树如下: ...
  • hqm12345qw
  • hqm12345qw
  • 2017-04-19 15:07
  • 2763

利用AJAX来检测用户名是否已经被注册

实现功能: 在注册表单中,当用户填写了用户名后,把光标移开后,会自动向服务器发送异步请求。服务器返回true或false,返回true表示这个用户名已经被注册过,返回false表示没有注册过。客户端得到服务器返回的结果后,确定是否在用户名文本框后显示“用户名已被注册”的错误信息! 过程分析: ...
  • duyifei01
  • duyifei01
  • 2016-08-05 23:55
  • 2915

Ajax实现登录时的用户名验证(Servlet 响应)

登录提交表单使用 POST 请求进行验证及转发; 输入用户名(是否正确)及密码(是否为空) 使用 GET 请求进行验证;1. 登录界面及主页<!--login.jsp--> <form action="login" method="POST"...
  • qq_25968195
  • qq_25968195
  • 2017-04-05 01:43
  • 815

ajax使用之验证用户名是否存在

ajax使用非常广,比如验证用户名、二级联动等。实现的效果如下: 前台代码如下: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding...
  • qq_25821067
  • qq_25821067
  • 2016-06-14 23:52
  • 15255

Ajax使用原生态JS实现用户名是否存在验证

直接上代码: reg_ajax.html<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Ajax请求servlet实现用户名是否存在验证</...
  • chance2015
  • chance2015
  • 2016-09-08 10:44
  • 2252

Ajax异步验证用户名是否已经存在

当我们注册一个新的用户的时候,都需要验证下注册的用户是否已经存在,经常发现网站上都是这样实现友好提示的,如下图:      那具体怎么实现这样异步验证用户名是否已经存在的呢?      这里用到了Ajax的异步操作,也就...
  • hanxintong9
  • hanxintong9
  • 2016-01-06 20:34
  • 12434

【java web】--Ajax异步判断用户名是否存在

判断用户名是否存在,在很多项目中很常用。为了更好的用户体验度,把弹出框的形式升级成了Ajax的形式,这样的好处是,异步触发,无需等待。
  • successA
  • successA
  • 2016-01-13 22:01
  • 5624

异步请求实现用户名校验是否存在

一直坚持不写博客,今天终于不坚持了,感觉知识点遗忘的太严重了,每次上过的知识没过几天就都忘了。今天写一篇关于利用ajax技术实现用户登录校验的功能。其实就是判断该用户是否已经存在了,判断能否再注册而已。 方法写了两种,一种是基础部分,老师叫我们每个人都要了解,另一种也就是高级部分,以后可能会用到的。...
  • love___code
  • love___code
  • 2016-08-26 21:56
  • 532

SSH第一步——Ajax异步验证用户名是否存在

将SSH开发中所用的包导入到项目中,配置好struts.xml和application.xml,进行的第一个从页面到底层数据的查询工作,主要介绍下SSH框架中类和方法的调用过程。 一、MVC执行 1.页面action: 在用户名的input标签中添加onblur的方...
  • u010928364
  • u010928364
  • 2015-09-30 15:52
  • 5482

Ajax使用原生态JS实现用户名是否存在验证

直接上代码: reg_ajax.html<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Ajax请求servlet实现用户名是否存在验证</...
  • chance2015
  • chance2015
  • 2016-09-08 10:44
  • 2252
    个人资料
    • 访问:2148660次
    • 积分:16932
    • 等级:
    • 排名:第684名
    • 原创:206篇
    • 转载:212篇
    • 译文:0篇
    • 评论:149条
    最新评论