ajax验证用户名是否被注册 ; ajax提交form表单

时间:2023-02-13 15:39:12

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";
        }
      }
   }

?>