ThinkPHP jQuery+ajax验证手机号
自己做的一个注册页面，在前台验证手机号是否注册过。
reg.html
<body style="min-width:1200px;">
<div class="content1">
<div class="wapper">
<div class="page_main">
<div class="page_bg">
<div class="zcimg"><img src="__TPL__/images/zc1.jpg" /></div>
<div class="zc_con">
<!--登录 start-->
<DIV id="login1">
<FORM id=loginform action="<{:U('Login/register1')}>" method="post">
<DIV class="control-group">
<em>手机号：</em><SPAN class="icon-user"><img src="__TPL__/images/sj.jpg" /></SPAN><INPUT id = "mobile" name = "mobile" validate="phone" type="text" placeholder="手机号">
<div id="mess1" style="color: red;margin-left: 80px;"/> </div>
</DIV>
<DIV class="control-group">
<em>短信验证：</em><SPAN class="icon-user"><img src="__TPL__/images/email.jpg" /></SPAN><INPUT type="text" style="width: 100px;" name="mobilecheck" id = "mobilecheck" placeholder="输入短信验证码" onkeyup="cityNameTrim()" ><input type = "button" id="mbtn" value = "获取验证码" />
</DIV>
<DIV class="control-group">
<em>密码：</em><SPAN class="icon-user"><img src="__TPL__/images/pwd.jpg" /></SPAN><INPUT type="password" id="mima1" name="mima1" onkeyup="pp()" placeholder="请输入6位密码" readonly/>
<div id="tishi1" style="margin-left: 80px;"/> </div>
</DIV>
<DIV class="control-group">
<em>确认密码：</em><SPAN class="icon-user"><img src="__TPL__/images/pwd.jpg" /></SPAN><INPUT type="password" id="mima2" name="mima2" placeholder="请确认6位密码" onkeyup="ppp()" readonly/><div id="tishi2" /> </div>
<div id="tishi" style="margin-left: 80px;"/> </div>
</DIV>
<DIV class="login-btn">
<INPUT id='register' value="下一步" type=submit name=submit>
</DIV>
</FORM>
</DIV>
<!--登录 end-->
</div>
</div>
</div>
</div>
</div>
jquery:
<script>
$('#mobile').blur(
function() {
var username = $(this).val();
$.post("<{:U('Member/checkName')}>", {
'user_id': username//前一个username需要跟UserModel对应，即跟数据库字段对应
}, function(data) {
if (data == username ) {
$('#mobilecheck').attr('readonly','readonly');
$("#mbtn").attr('disabled', true);
alert("手机号已经被注册，请更换！");
//$('#mobilecheck').attr('readonly':'readonly');
$('#mess1').attr('class','tooltip-info visible-inline success');
$('#mess1').html("手机号已经被注册！");
} else {
$('#mess1').attr('class','tooltip-info visible-inline error');
$('#mobilecheck').attr('readonly',false);
$("#mbtn").attr('disabled', false);
$('#mess1').html("新的手机号可以注册");
}
})
return false;
});
</script>
MemberAction:
public function checkNameAction() {
$condition['user_id'] = $_POST['user_id'];
$data = $this->userModel->getOneUser($condition);
echo $data['user_id']; //这是回传给$.post的数据，对应上面的data
}
