ajax验证用户名是否存在

js代码

function validatorloginName(){
    var loginName=document.getElementById("suser").value;
    var reg=new RegExp("^[a-zA-Z]{1}[a-zA-Z0-9]{5,11}$");
    if(loginName == "")
    {  $("input[name=‘sname‘]").next().removeClass("ok");
       $("input[name=‘sname‘]").next().html("用户名不能为空!");
       $("input[name=‘sname‘]").next().addClass("err");
       return;
    }
    else if(!reg.exec(loginName)){
        $("input[name=‘sname‘]").next().removeClass("ok");
        $("input[name=‘sname‘]").next().html("用户名格式错误,首位必须是字母长度不能小于六位!");
        $("input[name=‘sname‘]").next().addClass("err");
        return false;
    }else{
        $("input[name=‘sname‘]").next().html("");
         $.ajax({
               type: "POST",
                url: "../servlet/ValidateName",
                 data: "loginName="+loginName,
                success: function(data){
               if(data=="true"){
                   $("input[name=‘sname‘]").next().html("");
                   $("input[name=‘sname‘]").next().addClass("ok");
                   return true;

               }else{
                   $("input[name=‘sname‘]").next().removeClass("ok");
                   $("input[name=‘sname‘]").next().html("抱歉!用户名已存在!");
                   $("input[name=‘sname‘]").next().addClass("err");
                   return false;
               }
               }
               });     

    }
}

web.xml配置

  <servlet>
  <servlet-name>ValidateName</servlet-name>
    <servlet-class>Util.ValidateName</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>ValidateName</servlet-name>
    <url-pattern>/servlet/ValidateName</url-pattern>
  </servlet-mapping>

java代码

package Util;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

import javax.naming.Context;
import javax.naming.InitialContext;
import javax.naming.NamingException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.sql.DataSource;

public class ValidateName extends HttpServlet {
    public ValidateName(){
        super();
    }

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

        response.setContentType("text/html");
        String loginName=request.getParameter("loginName").toString();

        try {
            Context ctx = new InitialContext();
            DataSource    ds = (DataSource)ctx.lookup("java:/comp/env/jdbc/oracle");
            Connection conn = ds.getConnection();
            PreparedStatement pst = conn.prepareStatement("select * from huiyuan where suser=‘"+loginName+"‘ ");
            ResultSet res=pst.executeQuery();
            boolean flog=res.next();
            if(!flog){
            response.getWriter().write("true");//此值jquery可以接收到
            }
        } catch (NamingException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }

        }

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

        this.doGet(request, response); 

    }

}
时间: 2024-08-09 14:41:43

ajax验证用户名是否存在的相关文章

ajax验证用户名和密码

1 var user = form.name.value; 2 var password = form.password.value; 3 var url = "chkname.php?user="+user+"&password="+password;//以前只知道ajax用于对用户名的检测,原来还可以对密码进行检测. 4 xmlhttp.open("GET",url,true); 5 xmlhttp.onreadystatechang

11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处理页面的,处理页面只是操作数据库并且返回值,页面都是ajax处理的. ajax的写法: test.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

使用Ajax验证用户名

Ajax是一项很重要的技术,下面简要举个例子,来解释如何使用Ajax.步骤如下:使用Ajax验证用户名使用文本框的onBlur事件 使用Ajax技术实现异步交互创建XMLHttpRequest对象通过 XMLHttpRequest对象设置请求信息向服务器发送请求创建回调函数,根据响应状态动态更新页面 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

利用jQuery实现的Ajax 验证用户名是否存在

异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用jQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest对象.大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详细参数选项

ajax验证用户名和找回密码参考

1 // JavaScript Document 2 function chkname(form){ 3 var user = form.user.value; 4 if(user == ''){ 5 alert('请输入用户名'); 6 form.user.focus(); 7 return false; 8 }else{ 9 var url = "foundpwd.php?user="+user; 10 xmlhttp.open("GET",url,true);

使用ajax验证用户名重复

继上次的用户注册登录案例之后,对其中的部分功能再做进一步改进.上一版中用户提交表单后才对用户名进行校验,虽然做了回显,但还是感觉功能弱了些.为了能有更好用户体验,不是在用户提交表单后才给提示,而是在用户输入用户名后就立即对该用户名进行数据库校验,经过晚上的测试现在可以使用纯js版和jquery版. 准备工作,先编写好验证用户名重复的后台Servlet程序,然后在jsp或html中使用js对用户名进行验证,当用户输入用户名文本框推动焦点时立即触发验证.下面是jquery代码. <%@ page l

php jquery ajax验证用户名是否重复

我从3月份接触了web,开始了javascript和jquery的学习,之后学习了php,写了这样的表单验证代码.当然了,之前也接触过编程,只是没有深入系统的去学习,如今我重新迈入这个圈子,因为我对编程非常喜爱.故此跟大家分享下学习中的心得和自己原创的代码. 下面贴代码,思路是这样的,首先在文本框失去焦点时触发$.ajax函数,发送数据到php端,php接受该参数后,查询数据库中有没有记录,如果有则返回false,没有则返回true. 当返回false时,提示用户用户名已经被注册,并在form的

基于jQuery实现的Ajax 验证用户名唯一性

JSP部分代码: <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <%@include file="/common/header.jsp"%> <title>用户管理</title> <script type="text/javascript&quo

jquery ajax验证用户名是否存在(后台spring mvc)

controller层 @ResponseBody @RequestMapping(value = "/user/isExist", produces = "application/json") public boolean isExist(Model model,String userName) { boolean flag = userPrivilegeServiceFacade .isExistUserName(userName); if(flag) { re