Comments on: Excellent jQuery Validation Plugin

By: René

René — Wed, 18 Jun 2008 10:43:45 +0000

http://www.mail-archive.com/jquery-en@googlegroups.com/msg07820.html suggests to use submitHandler:. I tried that as well and failed, but the link explains how to do it right, by calling the form method. I followed the example and now validation and ajax submit both work. I use it in an intranet application, so I cannot give you working example, but I can give you the code snippet:

$(document).ready(function(){
$(”#collect”).validate({
submitHandler: function(form) {
$(form).ajaxSubmit({
target: ‘.message’,
success: function() {
$(’.edit’).slideUp();
$(’.view’).slideDown();
$(’.message’).fadeIn(’slow’);
}
});
},
rules: {
description: {
required: true,
minlength: ‘3′
},
‘countries[]‘: ‘required’
},
messages: {
description: {
required: “Description is required”,
minLength: “Should be at least 3 characters”
},
‘countries[]‘: ‘A Region should have at least one country selected’
}
});
});

By: René

René — Wed, 18 Jun 2008 10:22:24 +0000

See what happens when you submit the register form twice. You’ll see that it does a ajax submit the second time, but without validating!

I encourage you to keep looking for a solution, like I will be doing. I’ll report here when I found it.

By: Anthony Stevens

Anthony Stevens — Tue, 17 Jun 2008 04:06:17 +0000

@laureano: check out my current registration page at http://crowdify.com/register/ and check out the JS there. The validation stuff works well.f

By: laureano arcanio

laureano arcanio — Tue, 17 Jun 2008 03:47:00 +0000

Hi, i read your post and it just what i’m traying to acomplish. But i still cant make the Validation works with the AjaxForm plugin.
Could you provide a full example ?
Thanks in advice !