Ajax异步校正用户名是否存在

最新推荐文章于 2021-03-25 10:10:39 发布

二狗学NLP

最新推荐文章于 2021-03-25 10:10:39 发布

阅读量56

点赞数

分类专栏： Ajax 文章标签： Ajax 校正用户名是否存在

本文链接：https://blog.csdn.net/qq_44783880/article/details/103165753

版权

Ajax 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<title>Insert title here</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
	$(function () {
		//为输入框绑定事件
		$("#username").blur(function () {
			//1.失去焦点获取输入内容
			var username=$(this).val();
			
			//2.去服务端校验用户名是否存在-----Ajax
			$.post(
					"${pageContext.request.contextPath}/checkUsername"	,
					{"username":username},
					function(data) {
						var isExit=data.isExit;
						//3.根据返回的IsExit动态显示信息
						var info="";
						if (isExit) {
							
							info="该用户名已经存在";
							$("#info").css("color","red");
							
						}else {
							//alert("用户名合法可用");
							info="用户名合法可用";
							$("#info").css("color","green");
						}
						$("#info").html(info);
						//alert("该用户名已经存在");
					},
					"json"
			);
			
		});

	});	
</script>
</head>
<body>
	<div id="divcontent">
		<form action="#" method="post">
			<table width="850px" border="0" cellspacing="0">
				<tr>
					<td style="padding: 30px"><h1>新用户注册</h1>
						<table width="70%" border="0" cellspacing="2" class="upline">
							
							<tr>
								<td style="text-align: right">用户名：</td>
								<td><input type="text"  id="username" name="username" />
								<span id="info"></span>
								</td>
								
							</tr>
							<tr>
								<td style="text-align: right">密码：</td>
								<td><input type="password" class="textinput"  id="password" name="password" onkeyup="checkPassword();"/></td>
								<td><span id="passwordMsg"></span><font color="#999999">密码请设置6-16位字符</font></td>
							</tr>
							<tr>
								<td style="text-align: right">重复密码：</td>
								<td>
								<input type="password" class="textinput"  id="repassword" name="repassword" onkeyup="checkConfirm();"/>
								</td>
								<td><span id="confirmMsg"></span>&nbsp;</td>
							</tr>
							<tr>
								<td style="text-align: right">性别：</td>
								<td colspan="2">&nbsp;&nbsp;
                                <input type="radio" name="gender" value="男" checked="checked" /> 男
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<input type="radio" name="gender" value="女" /> 女
								</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td style="text-align: right; width: 20%">邮箱：</td>
								<td style="width: 40%">
								<input type="text" class="textinput"  id="email" name="email" onkeyup="checkEmail();"/>
								</td>
								<td colspan="2"><span id="emailMsg"></span><font color="#999999">请输入有效的邮箱地址</font></td>
							</tr>
							<tr>
								<td style="text-align: right">联系电话：</td>
								<td colspan="2">
								<input type="text" class="textinput"
									style="width: 350px" name="telephone" />
								</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td style="text-align: right">个人介绍：</td>
								<td colspan="2">
								<textarea class="textarea" name="introduce"></textarea>
								</td>
								<td>&nbsp;</td>
							</tr>
						</table>
					<table width="70%" border="0" cellspacing="0">
							<tr>
								<td style="padding-top: 20px; text-align: center">
									<input type="submit" value="注册"/>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</form>
	</div>
</body>
</html>


import java.io.IOException;
import java.sql.SQLException;

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 dao.CheckUsernameDao;

/**
 * Servlet implementation class checkUsername
 */
@WebServlet("/checkUsername")
public class checkUsername extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public checkUsername() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		String username=request.getParameter("username");
		CheckUsernameDao dao=new CheckUsernameDao();
		boolean isExit=false;
		try {
			 isExit=dao.checkUsername(username);
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		System.out.println(isExit);
		response.getWriter().write("{\"isExit\":"+isExit+"}");
		
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request, response);
	}

}

二狗学NLP

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax异步校正用户名是否存在

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %><!DOCTYPE html><html...
复制链接

扫一扫

专栏目录