使用Ajax检查Cakephp中的电子邮件可用性 - Check email availability in Cakephp using Ajax

Check email availability in Cakephp using Ajax

我正试图通过Cakephp中的Ajax检查电子邮件的可用性，但它不起作用。表单正常提交，并在数据库中添加重复的电子邮件地址。以下是模板和控制器文件的代码。

查看.ctp

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $("#email").click(function(){
      $("#email").blur(function(){
        var email = document.getElementById("email").value;
        $.ajax({
           type: "POST",
           url: "/login/users/checkmail",
           data: {email:email},
           success: function(result){
             if(result == 'ok'){
             document.getElementById("myForm").submit();
           }else{
              alert('Email already exists');
            }
         }
       });
       return false;
     });
   });
 });
</script>
<?= $this->Form->create('User',['enctype' => 'multipart/form-data'],array('id'=>'myForm')) ?>
  <fieldset>
    <?= $this->Form->input('username') ?>
    <?= $this->Form->input('email',array('id'=>'email')) ?>
    <?= $this->Form->input('password') ?>
    <?= $this->Form->input('file',array( 'type' => 'file')) ?>
    <?= $this->Form->button(__('Register')) ?>

UsersController.php

public function checkmail(){
if($this->request->is('ajax')){
    $user = $this->request->data['email'];
    $users = $this->Users->find('all')->where(['email'=> $user]);
    $tmp = $users->toArray();
    if(empty($tmp)){
        echo 'ok';
    }else{
        echo '!ok';
    }
}
exit;
}

UsersController.php

public function checkmail(){
if($this->request->is('ajax')){
    $this->autoRender = false;
    $user = $this->request->data['email'];
    $users = $this->Users->find('all')->where(['email'=> $user]);
    $tmp = $users->toArray();
    if(empty($tmp)){
      echo json_encode(["status"=>"ok"]);
    }else{
      echo json_encode(["status"=>"!ok"]);
    }
  }
  exit;
  }

更改您的aajx成功函数

success: function(data){
         result = jQuery.parseJSON(data);
         if(result.status == 'ok'){
         document.getElementById("myForm").submit();
       }else{
          alert('Email already exists');
        }