ajax验证用户名是否存在,手机号是不是匹配

<label class="col-sm-2 control-label font">用户名</label>
        			<div class="col-sm-10">
            			<input type="text" class="form-control bt" name="uid" id="uid" placeholder="请设置用户名"><span id="ts"></span>

 输入框

<div class="form-group">
            	<label class="col-sm-2 control-label font">手机号</label>
        			<div class="col-sm-10 ">
            			<input type="text" class="form-control bt" name="tel" id="tel" placeholder="可用于登录" ><span id="sj"></span>
        			</div>
        	</div><br/><br/><br/><br />

 

<script type="text/javascript">
$("#uid").blur(function()
{
	var uid = $(this).val();
	if(uid!="")//验证是否为空
	{
		$.ajax(
			{
				url:"Xiugai_uid.php",
				data:{uid:uid},
				type: "POST",
				dataType:"TEXT",
				success: function(data)
					{
						if(data.trim()=="OK")
						{
							$("#ts").html("用户名正确");
							$("#ts").css("color","green");
						}
						else
						{
							$("#ts").html("用户名错误");
							$("#ts").css("color","red");
						}
					}
			});
	}
	else
	{
		alert("请填写完整!");
	}

})
function checkMobile(str) {
     
    var  re = /^1\d{10}$/ //验证是不是11位数字 
    if (re.test(str)) {
		  $("#sj").html("手机号码格式正确");
		  $("#sj").css("color","green"); 
    } 
	else {
          $("#sj").html("手机号码格式错误");
		  $("#sj").css("color","red"); 
    }
}
$("#tel").blur(function(){
		var str = $(this).val();
		checkMobile(str);
})

	var uid = $("#uid").val()
	var tel = $("#tel").val()
	//if(tel!=""&&uid!="")
//	{
	$("button").click(function(){
		var uid = $("#uid").val()
		var tel = $("#tel").val()
		$.ajax({
			 url:"Xiugai_yan.php",
			 data:{uid:uid,tel:tel},
			 type:"POST",
			 dataType:"TEXT",
			 success: function(data){
				 if(data.trim()=="ok")
				  {
				     window.location.href="xiugaiT.php"; 
				  }
				  else
				  {
				    alert("用户名或手机号不匹配!"); 
				  }
	
				 }
			 })
	});
</script>

 

posted @ 2017-06-14 15:07  <一>  阅读(3679)  评论(0编辑  收藏  举报