Codeigniter Tutorials

Home » Codeigniter »

username/email availability check using JQuery / Ajax

Controller : application/controller/User.php

is_unique() function to check email/username availability so i am not created any modals here,

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class User extends CI_Controller
{

public function __construct()
{
parent::__construct();
// load from and url helper optional (in this tutorial)
$this->load->helper(array(
'form',
'url'
));
// load database
$this->load->database();
// load form validation library
$this->load->library('form_validation');
}

public function email_check()
{
// allow only Ajax request
if($this->input->is_ajax_request()) {
// grab the email value from the post variable.
$email = $this->input->post('email');
// check in database - table name : tbl_users , Field name in the table : email
if(!$this->form_validation->is_unique($email, 'tbl_users.email')) {
// set the json object as output
$this->output->set_content_type('application/json')->set_output(json_encode(array('message' => 'The email is already taken, choose another one')));
}
}
}

}

/* End of file User.php */
/* Location: ./application/controllers/User.php */

View : application/views/user.php

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>itechtuto.com</title>
</head>
<body>

<div class=" form-group-sm">
<?php echo validation_errors(); ?>
<label>E-mail</label>
<input id="email" name="email" type="text" value="" />
<label id="message"></label>
<span id="loading"><img src="<?php echo base_url(); ?>ajax-loader.gif" alt="Ajax Indicator" /></span> </div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
/// make loader hidden in start
$('#loading').hide();
$('#email').blur(function(){
var email_val = $("#email").val();
var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
if(filter.test(email_val)){
// show loader
$('#loading').show();
$.post("<?php echo site_url()?>/user/email_check", {
email: email_val
}, function(response){
$('#loading').hide();
$('#message').html('').html(response.message).show().delay(4000).fadeOut();
});
return false;
}
});

});
</script>
</body>
</html>

Itechtuto

Codeigniter Tutorials

username/email availability check using JQuery / Ajax

View : application/views/user.php

Connect Us Socially:

Quick Links