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-07-12 09:39  繁华似水  阅读(2031)  评论(0编辑  收藏  举报