精华内容
下载资源
问答
  • jsp查询用户名是否存在
    2021-10-10 18:01:03

    Ajax校验用户名是否存在

    这篇文章主要介绍了Ajax验证用户名是否存在的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    jsp页面
    我引入了bootstrap和jQuery

    <div class="form-group">
    					<label for="inputEmail3" class="col-sm-2 control-label"
    						style="color: #fff">姓名</label>
    					<div class="col-sm-10">
    						<input type="text" class="form-control" id="studentName"
    							name="studentName" placeholder="请输入姓名">
    							 <span id="s_studentName"></span>
    					</div>
    				</div>
    

    register.jsp页面

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
    	//页面加载完成之后
    	function fun() {
    		//给用户名绑定blur事件
    		$("#studentName").blur(function() {
    			//获取studentName文本框的值
    			var studentName = $("#studentName").val();
    			//发送ajax请求
    			//期望服务器响应回的数据格式{"userExsit":true,"msg":"此用户名太受欢迎,请更换一个"}
    			//                          {"userExsit":false,"msg":"此用户名已存在"}
    			$.get("CheckNameServlet", {
    				"studentName" : studentName
    			}, function(data) {
    				//判断userExsit键的值是否为true
    				var span = $("#s_studentName");
    				if (data.isExist) {
    					//用户不存在
    					span.css("color", "red");
    					span.html(data.msg);
    				} else {
    					//用户存在,可以给提示,也可以不给
    					span.html("");
    				}
    			},"json");
    		});
    	};
    	fun();
    </script>
    

    后台student文件下的CheckNameServlet页面

    protected void doGet(HttpServletRequest request, HttpServletResponse response)
    			throws ServletException, IOException {
    			//设置编码格式
    		response.setContentType("text/html;charset=UTF-8");
    		//获取前端页面的值
    		String name = request.getParameter("studentName");
    		// 期望服务器响应回的数据格式{"isExsit":true,"msg":"此用户名太受欢迎,请更换一个"}
    		// {"userExsit":false,"msg":"此用户名已存在"}
    
    		// 检验是否存在该用户名
    		try {
    			boolean isExist = StudentService.isExist(name);
    			System.out.println("isExist" + isExist);
    			Map<String, Object> map = new HashMap<>();
    			// 通知页面,到底有没有
    			if (isExist) {
    				map.put("isExist", true);
    				map.put("msg", "此用户名太受欢迎,请更换一个");
    			} else {
    				map.put("isExist", false);
    				// map.put("msg", "用户名可用");
    			}
    			//将map转换为json之前,要导包哦~
    			// 将map转为json,并传递给客户端
    			ObjectMapper mapper = new ObjectMapper();
    			mapper.writeValue(response.getWriter(), map);
    		} catch (SQLException e1) {
    			// TODO Auto-generated catch block
    			e1.printStackTrace();
    		}
    
    	}
    
    

    JDBCDemo的方法的实现(我没实现接口,直接写的)

    public static boolean checkName(String name) throws SQLException {
    		boolean flag = false;
    		String sql = "select * from student_table where student_name=?";
    		PreparedStatement statement = connection.prepareStatement(sql);
    		statement.setString(1, name);
    		ResultSet set = statement.executeQuery();
    		 如果存在我输入的用户名和数据库表中已有的用户名相同时
    		if(set.next()) {
    			flag = true;
    		}
    		return flag;
    	}
    }
    

    总结:
    以上所述是小编给大家介绍的Ajax验证用户名是否存在的实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言小编会及时回复大家的哦~

    更多相关内容
  • jsp前台 input.jspAjax实例marginheight="0" marginwidth="0">cellspacing="0">//创建XMLHttpRequest对象function GetO(){var ajax=false;try{ajax = new ActiveXObject("Msxml2.XMLHTTP");}catch (e){try{...

    jsp前台 input.jsp

    Ajax实例

    marginheight="0" marginwidth="0">

    cellspacing="0">

    //创建XMLHttpRequest对象

    function GetO()

    {

    var ajax=false;

    try

    {

    ajax = new ActiveXObject("Msxml2.XMLHTTP");

    }

    catch (e)

    {

    try

    {

    ajax = new ActiveXObject("Microsoft.XMLHTTP");

    }

    catch (E)

    {

    ajax = false;

    }

    }

    if (!ajax && typeof XMLHttpRequest!='undefined')

    {

    ajax = new XMLHttpRequest();

    }

    return ajax;

    }

    function getMyHTML(serverPage, objID) {

    var ajax = GetO();

    //得到了一个html元素,在下面给这个元素的属性赋值

    var obj = document.all[objID];

    //设置请求方法及目标,并且设置为异步提交

    ajax.open("post", serverPage, true);

    ajax.onreadystatechange = function()

    {

    if (ajax.readyState == 4 && ajax.status == 200)

    { //ajax.responseText是服务器的返回值,把值赋给id=passport1的元素的属性

    //innerHTML这个属性或说这个变量表示一组开始标记和结束标记之间的内容

    obj.innerHTML = ajax.responseText;

    }

    }

    //发送请求

    ajax.send(null);

    }

    function CheckGroupName()

    {

    getMyHTML("http://13.1.1.51:8080/ajax/check.jsp?groupName="+name_form.group_name.value, "passport1");

    }

    //这个函数的作用是当用户的焦点从其他地方回到group_name这个输入框时再给属性赋回原内容

    function sl(tx)

    {

    if(tx=='passport1')

    {

    document.all[tx].innerHTML = "

    4-20 个字符 (包括大小写字母,中文,数字,特殊字符等) 1个汉字等于2个字符,建议使用中文。注册后不可修改。
    ";

    }

    }

    function check()

    {

    if(document.name_form.group_name.value.length<1)

    {

    alert("请您给您的群组取个名字!");

    document.name_form.group_name.focus();

    return false;

    }

    if(!OK())

    {

    return false;

    }

    document.name_form.action='addgroup.do';

    document.name_form.target='_parent';

    document.name_form.submit();

    }

    function OK()

    {

    var obj = document.getElementById("passport1");

    if(obj.innerHTML.indexOf("可用")==-1)

    {

    return false;

    }

    return true;

    }

    class="text12black">

    用户名:

    value="" size=30 maxlength="50" onBlur="javaScript:CheckGroupName();"

    onFocus="return sl('passport1');" />

    4-20

    个字符 (包括大小写字母,中文,数字,特殊字符等) 1个汉字等于2个字符。

    jsp后台处理  check.jsp

    String action = "";

    String groupname = "";

    // 检查用户名

    // 用作数据库联接,可以根据你的情况修改,如果为测试可以不用*作记号的语句

    InitialContext ctx = null;

    DataSource ds = null;

    Connection conn = null;

    Statement stmt = null;

    ResultSet rs = null;

    try {

    action = request.getParameter("action");

    groupname = request.getParameter("groupName").trim();

    if ("".equals(groupname)) {

    System.out.println("null");

    out.println("

    用户名不能为空!
    ");

    } else if (groupname.length() < 4 || groupname.length() > 20) {

    out.println("

    用户名"

    + groupname + "不合法!(长度为4到20位,且不能使用?#=等特殊字符)

    ");

    } else {

    ctx = new InitialContext();

    ds = (DataSource) ctx.lookup("java:/student");

    conn = ds.getConnection();

    stmt = conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,

    ResultSet.CONCUR_READ_ONLY);

    String strsql = "select userinfo_name from personal_userinfo where userinfo_name='"

    + groupname + "'";

    rs = stmt.executeQuery(strsql);

    if (rs.next()) {

    out.println("

    用户名"

    + groupname + "已被占用,请重新输入!

    ");

    } else {

    out.println("您的用户名可用");

    }

    }

    } catch (Exception e) {

    System.out.println(request.getServletPath() + " error : "

    + e.getMessage());

    } finally {

    if (rs != null)

    rs.close();

    if (stmt != null)

    stmt.close();

    if (conn != null)

    conn.close();

    }

    %>

    展开全文
  • jsp页面用户名: js文件夹下的register.js//创建对象function ajaxFunction(){var xmlHttp;try{// 适用于IE7+, Firefox, Chrome, Opera, SafarixmlHttp=new XMLHttpRequest();}catch(e){try{//Internet ...

    jsp页面

    js文件夹下的register.js

    //创建对象

    function ajaxFunction(){

    var xmlHttp;

    try{

    // 适用于IE7+, Firefox, Chrome, Opera, Safari

    xmlHttp=new XMLHttpRequest();

    }

    catch(e){

    try{

    //Internet Explorer

    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

    }

    catch(e){

    try{

    // 适用于IE6, IE5

    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

    }

    catch(e){

    xmlHttp=false;

    }

    }

    }

    return xmlHttp;

    }

    var flag=ture;

    function CheckUserName(){

    //获取jsp页面输入的值

    var name=document.getElementById("r_name").value;

    if(name==""||name==null){

    document.getElementById("span01").innerHTML="用户名不能为空!"

    flag=false;

    }else{

    //1.创建对象

    var request=ajaxFunction();

    //2.发送请求

    request.open("POST","/StudyWeb/CheckUserNameServlet",true);//true表示异步提交

    //注册状态改变监听,获取服务器传送过来的数据

    request.onreadystatechange=function(){

    //readyState==4表示请求已经完成,且响应已就绪。status==200表示“OK”

    if(request.readyState==4 && request.status==200){

    var data=request.responseText;//获取CheckUserNameServlet中response中存储的值

    if(data == 1){

    document.getElementById("span01").innerHTML="用户名已存在!"

    flag=false;

    }else{

    document.getElementById("span01").innerHTML=""

    flag=true;

    }

    }

    }

    //如果是post方式带数据,那么这里要添加头,说明提交的数据类型是一个经过url编码的form表单数据

    request.setRequestHeader("Content-type","application/x-www-form-urlencoded;charset=UTF-8");

    //带数据过去,在send方法里填写表单数据

    request.send("name="+name);

    }

    return flag;

    }

    后台StudyWeb项目下的CheckUserNameServlet

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

    //获取ajax发送过来的name值

    String r_name=request.getParameter("name");

    try {

    //检验是否存在该用户名

    boolean isExist=userService.CheckUserName(r_name);

    System.out.println("isExist"+isExist);

    //通知页面,到底有没有

    if(isExist){

    response.getWriter().println(1);//存在用户名

    }else{

    response.getWriter().println(2);//不存在该用户

    }

    } catch (Exception e) {

    e.printStackTrace();

    }

    }

    UserDaoImpl中方法的实现

    public boolean CheckUserName(String u_name) {

    boolean flag=false;

    String sql="select u_id,u_name,u_password,u_email,u_phone from user where u_name=?";

    conn=super.getConnection();

    try {

    pstmt=conn.prepareStatement(sql);

    pstmt.setString(1,u_name);

    rs=pstmt.executeQuery();

    //如果存在我输入的用户名和数据库表中已有的用户名相同时

    if(rs.next()){

    flag=true;

    }

    } catch (SQLException e) {

    e.printStackTrace();

    }finally{

    super.closeAll(conn, pstmt, stmt, rs);

    }

    return flag;

    }

    总结

    以上所述是小编给大家介绍的Ajax验证用户名是否存在的实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言小编会及时回复大家的!

    展开全文
  • 用户在注册页面输入用户名,判断输入的用户名是否存在。 主要思路: … //加载驱动、连接数据库等语句 String username = request.getParameter(“username”);//服务器获得表单中的参数 String sql = “SELECT ...

    前提:

    数据库中有表名为user的表
    在这里插入图片描述
    表中已存在的数据:
    在这里插入图片描述

    目的:

    用户在注册页面输入用户名,判断输入的用户名是否已存在。

    主要思路:

    … //加载驱动、连接数据库等语句
    String username = request.getParameter(“username”);//服务器获得表单中的参数
    String sql = “SELECT username FROM administrator WHERE username=?”;
    PreparedStatement pstmt = conn.prepareStatement(sql);//预编译sql指令
    pstmt.setString(1,username);//以填写的用户名作为参数传递给sql语句中
    ResultSet rs = pstmt.executeQuery();//查询结果存放在结果集中
    //正戏
    rs.last();//结果集指针移到最后一行
    int count = rs.getRow();//返回并记录指针当前在第几行。得到查询结果总行数。
    if(count == 0){ //查询结果行数为零说明填写的用户名不存在与数据库中
    … //注册成功
    }else{
    … //注册失败
    }

    展开全文
  • NULL 博文链接:https://notadoor.iteye.com/blog/342392
  • 后来有了Ajax,有了异步交互,当用户输完用户名继续填写其他信息的时候,Ajax就将信息发到了服务器去检查该用户名是否已经被注册了,这样如果用户名已经存在,不用等用户将所有数据都提交就可以给出提示。...
  • Ajax用户注册判断用户名是否存在
  • ("ID");Stringpassword=request.getParameter("password");Stringrpassword=request....} } } %> 我想在插入操作之前先判断要插入记录的用户名是否在数据库中已经存在了,怎么写呢,我是新手,还请高手多帮忙啊~ 展开
  • 这次给大家带来使用AJAX异步校验用户名是否存在,使用AJAX异步校验用户名是否存在的注意事项有哪些,下面就是实战案例,一起来看一下。使用AJAX完成用户名是否存在异步校验:1.事件触发:* onblur2.编写AJAX代码:* 项...
  • 使用AJAX完成用户名是否存在异步校验:1.事件触发:* onblur2.编写AJAX代码:* 项Action中提交:传递username参数3.编写Action* 接收username:模型驱动接收.4.* 编写实体类* User* User.hbm.xml* 配置到spring中.5.编写...
  • //注册检查用户名是否存在 @RequestMapping("/checkregister") public void checkregister(HttpServletRequest request, HttpServletResponse response) throws IOException { response.setCharacterEncoding(...
  • jsp页面用户名: js文件夹下的register.js//创建对象function ajaxFunction(){var xmlHttp;try{// 适用于IE7+, Firefox, Chrome, Opera, SafarixmlHttp=new XMLHttpRequest();}catch(e){try{//Internet ...
  • 使用JQuery的方式,在注册页面校验用户名是否已经存在,并作出提示。 我的博文中有预览图,博客路径:https://blog.csdn.net/qq_36654606/article/details/86650080
  • 后来有了Ajax,有了异步交互,当用户输完用户名继续填写其他信息的时候,Ajax就将信息发到了服务器去检查该用户名是否已经被注册了,这样如果用户名已经存在,不用等用户将所有数据都提交就可以给出提示。...
  • ajax+jsp实现 无刷新页面下注册时检测用户名是否存在如题:ajax+jsp实现无刷新页面下注册时检测用户名是否存在求大神们赐教啊!最好能有源代码参考,这样学得快、自己找了一篇源代码,但是运行后完全没反应,...
  • 在很多的注册页面都会引用到用户名检测的功能,...**主要的思路:在表单中设置按钮,然后引用js的onclick事件,把文本框的值传到一个jsp页面,该jsp用request接收,进行数据库链接查询存在就弹窗或直接在网页上...
  • 网上找了很多,结果都运行不了,不齐全,想找一个ajax实现用户名注册的实例很难,今天自己写了一个项目,可以运行,希望对你有帮助
  • jQuery 验证用户名是否存在 jQuery 验证用户名是否存在
  • 为了保证用户名的唯一性,需要在用户注册时添加校验,即根据用户输入的用户名去数据库中查找,这里使用ajax校验用户名可以很好的提升用户体验,用户输入完用户名失去鼠标焦点后通过ajax去数据库中查找是否唯一,...
  • 为了保证用户名的唯一性,需要在用户注册时添加校验,即根据用户输入的用户名去数据库中查找,这里使用ajax校验用户名可以很好的提升用户体验,用户输入完用户名失去鼠标焦点后通过ajax去数据库中查找是否唯一,然后...
  • 一、注册页面reg.jsp ... 用户名: &lt;input type="text" name="userName"/&gt;&lt;span id="nameTip"&gt;&lt;/span&gt;&lt;br/&gt; 密 码: &
  • ajax异步验证用户名是否存在

    热门讨论 2014-08-07 22:43:51
    ajax异步验证用户名是否存在,非常小巧的实例,需要安装oracle数据,建立一个用户表,实例中有用户表的实体,可以仿照写一个数据库。
  • 今天分享一个“利用Ajax技术来检测用户名是否存在”的例子。 利用Ajax技术来检测用户名是否存在的原理流程图: 最终结果截图:  复制代码 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 ...
  • jsp页面:Js代码varxmlHttp=false;try{xmlHttp=newActiveXObject("Msxml2.XMLHTTP");}catch(e){try{xmlHttp=newActiveXObject("Microsoft.XMLHTTP");}catch(e2){xmlHttp=false;}}if(!xmlHttp&&...
  • 原生ajax模拟判断用户名是否已注册,具体内容详参照博客 原生ajax使用笔记(二)- - -post方法传参 中的内容
  • 现在很多的网站,多支持用户名不能重复的功能,即在用户注册时需要验证,验证其用户名不能重复使用,这样用户名其实也成为了唯一的主键,方便了项目后面许许多多的开发。 步骤: 编写jsp页面 <div > &...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 61,261
精华内容 24,504
关键字:

jsp查询用户名是否存在