Comments on: jQuery remote form validation

By: some guy

some guy — Fri, 07 Oct 2011 02:01:02 +0000

This is a great example, thanks

By: Chris McDonald

Chris McDonald — Wed, 31 Aug 2011 11:13:12 +0000

I’ve never experienced a problem with remote validation timing out. That’s a server side issue, but it makes sense that the validation won’t get triggered if the async attribute is set to false, since it will wait for the server to respond. With async false the validation is basically blocked until the remote validation request gets a response. You will need to sort out the reason why the request is timing out or failing, these remote validation requests should really only take a second or two to run, anything longer I think is a usability issue.

By: Christian

Christian — Wed, 31 Aug 2011 10:35:21 +0000

Hi! I have a similar solution, and when the remote validation time out or aborts, the form gets unsubmitable. Validation is still on, but the remote validation doesnt get triggered when I change the field value or submits the form again.
Anyone experienced this problem?

-C

By: Chris McDonald

Chris McDonald — Fri, 22 Jul 2011 11:00:00 +0000

Ah I see, I’ve never used CodeIgniter before, that function invocation sounds like fun. I’m not sure what to suggest then apart from putting log statements on the server side and using a tool like firebug or chrome developer tools to see if the remote validation request is actually taking place. You can see in the network section the requests being made and you can check the response body only contains the text ‘true’.
Thanks for the nice comments, I’m glad the site is useful, I wish I had more time to make more posts but am really busy with work. I’ll make an extra effort to post more regularly!

By: Kevin

Kevin — Fri, 22 Jul 2011 01:21:14 +0000

Thanks for supporting but it’s not work T_T
I’m using CodeIgniter Framework (www.codeigniter.com) so when i call URL following SITE_URL + ‘admin/user/checkUser’ then function checkUser will automatically invoke
Now, i have finished that project by using another way not jquery validate, i still try to find out Jquery validate integrate with CodeIgniter.
By the way, your blog is so cool, i have learned many thing from this site. Thanks

By: Chris McDonald

Chris McDonald — Wed, 13 Jul 2011 07:58:59 +0000

The problem appears to be the PHP file, which just has a function named checkUser. Before I assumed that your remote URL was being rewritten on the server to be directed to the correct PHP code, but if this is not the case then you need to refer directly to a PHP file itself and not a function inside the php file.
So if the php file is called checkUser.php and located inside the /admin/user/ directory your remote validation url would be SITE_URL + ‘/admin/user/checkUser.php’

Also inside the php file you can’t just have a function, but if you do it needs to be invoked. If that is all the php file contains the function is unnecessary, but for reference if you use a function you need to invoke it.

function checkUser() {

    echo "true";

}

checkUser();

Hope this helps.

By: Kevin

Kevin — Mon, 11 Jul 2011 16:59:45 +0000

Thank for your support.
This is my code detail.
HTML:

JS:

$("#myform").validate({

                rules: {                                          

                    username:{   

                        remote: {

                            url: SITE_URL + ‘/admin/user/checkUser’,

                            type: ‘POST’,

                            async: false,

                            data: {

                                username: function() {

                                    return $("#username").val();

                                }

                            }                                                                                            

                        }                        

                    }

                },

                messages: {

                    username: { remote: "Already subscribed"}

                }                                                       

            });

PHP:
i just echo “true”. That’s all!

function checkUser() {

        echo "true";

    }

By: Chris McDonald

Chris McDonald — Sat, 09 Jul 2011 09:44:30 +0000

Ok, as far as I can tell that code looks ok, for it to work the following things need to be correct. You have a form with an input field with name ‘username’ which also has id of ‘username’. You have some script running at your site url which returns a string ‘true’ or ‘false’. I noticed you didn’t have a .php extension on that url, I assume there is some url rewriting going on.
Can I ask is the form actually validating and the username showing up as invalid? Is it just the message you specified not showing up? Try adding some log statements, both in your javascript username function (use console.log() and check with firebug or chrome developer tools) and in your server side script to check that both are being called.
Other than that I don’t think I can help without seeing the complete form html and the complete javascript validation code.
By the way I have a code highlight plugin installed on this site. You can use it in comment posts, e.g.
[code lang=”javascript”]
$(document).ready(function(){
console.log(“Document is ready”);
});
[/code]
Becomes:

$(document).ready(function(){

    console.log("Document is ready");

});

By: Kevin

Kevin — Sat, 09 Jul 2011 04:23:11 +0000

my function checkUser just echo “false”;
But message for remote is not show.

By: Kevin

Kevin — Sat, 09 Jul 2011 04:19:23 +0000

Thanks for greate tut!
I’m trying use Jqurey validate for option remote following code below
username:{
remote: {
url: SITE_URL + ‘/admin/user/checkUser’,
type: ‘POST’,
async: false,
data: {
username: function() {
return $(“#username”).val();
}
}
}
}
and this message
messages: {
username: { remote: “Already subscribed”}
}
but it doesn’t work. Please help me. I dont know how it doesnt work
Sorry for my english.