überprüfen, ob E-Mail in der Datenbank SQL existieren mit codeigniter und AJAX

Question

modal screenshot

i ein Formular innerhalb Bootstrap-modal haben, möchte ich überprüfen, ob die E-Mail bereits in der Datenbank vorhanden sind. das Ergebnis direkt auf die leere Seite mit diesem Ding '{"valid": false, "msg": "Email ist bereits vergeben"}'. Ich möchte, dass die msg so aussieht, wie ich es im Screenshot sehe.

Ansicht

<?php echo form_open('KulinerControl/isEmailExist', 'id="myform"'); ?> 
    <div id="msg"> </div> 
    <input type="text" name="email" id="email" class="input-lg formcontrol"> 
    <button type="submit">Submit</button> 
</form> 

JS

$(document).ready(function(){ 
      $('#myform').on('submit', function(e) { 
      var email = $('#email').val(); 
      $.ajax({ 
       type: "POST", 
       url: "<?php echo base_url()?>KulinerControl/isEmailExist", 
       dataType: "json", 
       data: "email="+email,      
       success: function(data){ 
        if(data.valid){ 
         $('#msg').html(data.msg); 
        }else{ 
         $('#msg').html(data.msg); 
        } 
       } 
      }); 
     }); 
    }); 

-Controller

function isEmailExist(){ 
$email = $this->input->post('email'); 
$exists = $this->KulinerModel->isEmailExist($email); 
if($exists){ 
     $msg = array(
     'valid' => false, 
     'msg' => 'Email is already taken'); 
    }else{ 
     $msg = array(
     'valid' => true, 
     'msg' => 'Username is available'); 
    } 
    echo json_encode($msg);} 

Update Controller

function isEmailExist(){ 
$email = $this->input->post('email'); 
$exists = $this->KulinerModel->isEmailExist($email); 
if($exists){ 
    echo "Email is already taken !"; 
}else{ 
    $data = array(
     'nama' => $this->input->post('nama'), 
     'email' => $email, 
     'password' => md5($this->input->post('password')) 
    ); 
$query = $this->KulinerModel->addMember($data); 
redirect('/KulinerControl/'); 
    } 
} 

Vielen Dank im Voraus

Answer 1

Sie müssen aufhören, Ihr Formular zuerst zu senden, dann beginnen zu überprüfen. Wenn die Überprüfung dann in Ordnung ist, reichen Sie sie ein. ich würde das folgende verwenden

$(document).ready(function(){ 
     $('#myform').on('submit', function(e) { 
     e.preventDefault();  //<---- stop submiting the forms 
     var email = $('#email').val(); 
     $.ajax({ 
      type: "POST", 
      url: "<?php echo base_url()?>KulinerControl/isEmailExist", 
      dataType: "json", 
      data: "email="+email,      
      success: function(data){ 
       if(data.valid){ 
        $('#msg').html(data.msg); 
        $("#myform").submit(); //<---- submit the forms 
       }else{ 
        $('#msg').html(data.msg); 
       } 
      } 
     }); 
    }); 
}); 

Answer 2

denke ich, Echtzeit E-Mail-Überprüfung für Ihre Situation besser ist

<script> 
    $(document).ready(function(){ 
      $('#email').keyup(function(){ 
      var email = $('#email').val(); 
      $.ajax({ 
       type: "POST", 
       url: "<?php echo base_url()?>KulinerControl/isEmailExist", 
       data: "email="+email,      
       success: function(response){ 
         $('#msg').html(response); 
       } 
      }); 
     }); 
    }); 
</script> 

in Ihrem Controller

function isEmailExist() 
{ 
    $email = $this->input->post('email'); 
    $exists = $this->KulinerModel->isEmailExist($email); 
    if($exists){ 
     echo "Email is already taken"; 
    }else{ 
     echo ""; 
    } 

} 

einen einfachen Trick

$(document).ready(function(){ 
    $('#myform').on('submit', function(e) { 
     if ($.trim($("#msg").val()) === "") { 
      alert('please choose a different email id'); 
      return false; 
     } 
    }); 
}); 

Änderung einreichen Um zu verhindern, Ihr Formular Action Controller zu diesem