Using jquery validation plugin to check username availability

[eluser]sanks[/eluser]
Hi,

I am facing problems while using jquery validation plugin using codeigniter. The remote method does not process the request. My code for js is as follows:

Code:

$(document).ready(function(){
$("#register").validate({
rules:{
uname: {
                        required: true,
                        minlength: 4,
                        maxlength:12,
                        remote: {
                            url: 'user/check',
                            type: 'post'
                        }
},

messages: {
                     uname: {
                        required: "<br/><label class='errors'>Please enter a username</label>",
                        minlength: "<br/><label class='errors'>Username must be at least 4 characters long</label>",
                        maxlength:"<br/><label class='errors'>Username can be only 12 characters long</label>",
                        remote:jQuery.format("Email \"{0}\" have been used.")
                }
}

});

And the code for controller is:

Code:

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

class User extends CI_Controller {
    
                         function __construct()
    {
        parent::__construct();
    }
                        
                      function check()
                      {
                                       $this->load->model('useraccount');
                                       $result = $this->useraccount->check_availability();
                                      
                                       if($result)
                                       {
                                           return true;
                                       }
                                     else
                                     {
                                         return false;
                                     }
                      }

}
?>

code for the check_availability function:

Code:

function check_availability()
                        {
                            $fieldname = trim($this->input->post('uname'));
                            $this->db->select('*');
                            $this->db->from('account_regd');
                            $this->db->where('uname',$fieldname);
                            $query = $this->db->get();
                            
                            if($query->num_rows() > 0)
                            {
                                    return false;                                
                            }
                            else
                           {
                                    return true;
                            }
                        }

Can anyone help me with this?

[eluser]Flyingbeaver[/eluser]
Can you try to use firebug or any development tool, to watch the ajax call see where it goes and what it returns in content/error ?

[eluser]sanks[/eluser]
nothing is diplayed. what do you expect when using remote method?

[eluser]Flyingbeaver[/eluser]
You are trying to access : url: 'user/check', type: 'post'.


1. You should this this in tour xhr tab
2. If you see this, you should look if there is an error
3. If there is no error you should look what is returned

[eluser]sanks[/eluser]
How can I check what is returned? Can you please elaborate by writing sample code?

[eluser]Flyingbeaver[/eluser]
It's not about code it's about debugging.


You should learn to use firebug it's a must have tool for web developpers.

[eluser]sanks[/eluser]
It gives 404 not found error. Sorry but I fixed it. then too the username is not validated and the reponse is nothing

[eluser]sanks[/eluser]
I got the response as true or false. but its not displayed on the screen. Also the problem here is that my data is being validated only once.

[eluser]sanks[/eluser]
I fixed it. Instead of returning the value in check() function of ajax controller I used to echo the value to true or false. Also I used $valid as variable to echo it. So the new code is as follows:

Code:

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

class User extends CI_Controller {
    
                         function __construct()
    {
        parent::__construct();
    }
                        
                      function check()
                      {
                                       $this->load->model('useraccount');
                                       $result = $this->useraccount->check_availability();
                                      
                                       if($result)
                                       {
                                           $valid = "true";
                                       }
                                     else
                                     {
                                           $valid = "false";
                                     }
                                   echo $valid;
                      }

}
?>

I guess the jquery validate plugin seeks the value of $valid variable. I hope this post is useful to someone as I always found imperfect answers on this topic

[eluser]Irfan Cikoglu[/eluser]
Don't use return true; use echo 'true';