ajax验证用户名是否被注册 ; ajax提交form表单
register.html 文件代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Register</title> <load href="__PUBLIC__/Js/Jquery.js"/> <script> //验证并提示是否该用户已注册 $(function(){ var error = new Array(); $('input[name="username"]').blur(function(){ var username=$(this).val(); $.get('__URL__/checkName',{'username':username},function(data){ if(data=='yes'){ error['username']=1; $('input[name="username"]').after('<p id="warning" style="color:red">该用户已注册</p>') }else{ error['username']=0; $('#warning').remove(); } }); }); //提交表单 $('img.register').click(function(){ if(error['username']==1){ return false; }else{ $('form[name="registerInfo"]').submit(); } }); }); </script> </head> <body> <form action="__URL__/do_register" method="post" name="registerInfo"> 用 户 名 : <input type="text" name="username" /><br/> 密 码 : <input type="password" name="password" /><br/> 确认密码 : <input type="repassword" name="repassword" /><br/> 性 别 : <input type="radio" name="sex" value="1" />男 <input type="radio" name="sex" value="0" />女<br/> 验 证 码 : <input type="text" name="verifyText" /><img src="__APP__/Public/verify" onclick="this.src=this.src+'?'+Math.random()"><br/> <img src="__PUBLIC__/Images/register.gif" class="register" /> <img src="__PUBLIC__/Images/reset.gif" class="reset"/> </form> </body> </html>
RegisterAction.class.php 文件代码:
<?php class RegisterAction extends Action{ public function register(){ $this->display(); } public function checkName(){ $username=$_GET['username']; $m = M('User'); $where['username'] = $username; $re = $m->where($where)->count(); if($re>0){ echo "yes"; }else{ echo "no"; } } } ?>