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

?>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM