JSP注册用AJax无刷新判断用户名是否被占用，并且判断两次密码输入是否一致

最新推荐文章于 2024-08-12 12:09:40 发布

零度星情

最新推荐文章于 2024-08-12 12:09:40 发布

阅读量6.2k

点赞数 3

分类专栏： AJax 检测用户名和密码 JSP笔记文章标签：用户名密码 ajax jsp servlet

本文链接：https://blog.csdn.net/lipeiyuan119/article/details/52396721

版权

本文介绍了如何使用Ajax实现无刷新验证在JSP注册中用户名是否已被占用，以及确认两次输入的密码是否一致。通过JQUERY的AJAX调用，结合JSP和Servlet后台处理，实现了前后端交互的效果展示。

摘要由CSDN通过智能技术生成

这是用JQUERY 方式写的AJAX，要导入jquery文件

1、AJax 判断用户名

//ajax检测用户名是否存在
	
	function CheckAccount(){
		var account = $("#account").val(); //获取用户名进行判断
		
		if(account!=""){
			
		$.ajax({
			   type: "POST",
			   url: "servlet",    //这里的url为Servlet配置xml文件的路径
			   data: $("#loginForm").serialize(),  //获取form表单所又内容
			   success: function(ma){
				   ma=$.parseJSON(ma);  //获取Servlet传过来的JSON数据
				     if(ma.success=="true"){
				    	 document.getElementById("showmessage").innerHTML="用户名已被占用";	
	    	 			
				     }else{
				    	 document.getElementById("showmessage").innerHTML="用户名可以使用";
				     }
			   }
			});
			
		}else{
			document.getElementById("showmessage").innerHTML="用户名不能为空";
		}
	}

2、JSP页面

<form id="loginForm">  
	<table align="center"  style="margin-top: 50px;" width="500px" cellpadding="20px">  
            <tr>  
                <td><font size="3px">用户名：</font></td>  
                <td>  
                    <div>
                    //光标移开启动事件  
                        <input type="text" name="account" id="account" style="width: 250px" οnblur="CheckAccount()">  
                    </div>  
                    //显示区域 
                    <div id="showmessage" &