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>