puler

自己做的一个注册页面,在前台验证手机号是否注册过。

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
}

 

分类:

技术点:

相关文章:

  • 2021-11-27
  • 2022-02-05
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-10-12
  • 2022-12-23
  • 2021-12-16
  • 2021-12-05
  • 2021-07-25
相关资源
相似解决方案