ajax判断用户名是否存在

最新推荐文章于 2022-08-10 16:44:38 发布

租房请下载：房东直租APP

最新推荐文章于 2022-08-10 16:44:38 发布

阅读量1.1k

点赞数

分类专栏： Ajax 文章标签： ajax 判断用户名 json xhr 存在

本文链接：https://blog.csdn.net/AinUser/article/details/71308303

版权

Ajax 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

$(function (){
		$("#txtEmail").blur(function(){
			var xhr;
			if(window.ActiveXObject){
				xhr=new ActiveXObject("Microsoft.XMLHTTP");
			}else{
				xhr=new XMLHttpRequest();
			}
			xhr.open("post","${pageContext.request.contextPath}/user/user_checkEmail");
			xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
			xhr.send("u.email="+$("#txtEmail").val());
			//滚动进度条出现
			$("#sig").attr("src","${pageContext.request.contextPath}/registerImg/load.gif").show();
			xhr.onreadystatechange=function(){
				if(xhr.readyState==4&&xhr.status==200){
					var ret=xhr.responseText;
					if("ok"==ret){
						//对勾显示
						$("#sig").attr("src","${pageContext.request.contextPath}/registerImg/ok.gif");
					}else{
						$("#sig").attr("src","${pageContext.request.contextPath}/registerImg/error.jpg");
					}
				}
			};
		});






		<tr>
		    <td valign="top" class="w1">请填写您的Email地址：</td>
			<td><input name="u.email" type="text" id="txtEmail"
			     class="text_input" />
			     <img id="sig"  height="24px" width="24px"  style="display:none;margin-left:15px;padding:0 0 3px 0;vertical-align: bottom;"/>
				<div class="text_left" id="emailValidMsg">
					<p>请填写有效的Email地址，在下一步中您将用此邮箱接收验证邮件。</p>
					<span id="info" style="color:red"></span>
				</div>
		    </td>
		</tr>