So we have yet another update for jQuery Live Form Validation Plugin. Its a small but important update.
An important feature which I missed out in versions 1.0 and 1.1 has been added in this version. It is a callback option which can help make AJAX callbacks or any other callbacks when the form is successfully validated.
Now we can make callbacks on successful validation.
In this example I am making an AJAX post to post.php when the form is successfully validated. For this we just need to add the following to the head section of our HTML file
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="javascripts/jquery.validate.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(function(){ //The Validation as earlier jQuery("#<id of field to be validated>").validate({ expression: "if (<expression for validation>) return true; else return false;", message: "<message on validation failure>" }); //The callback for the form with ID FormID jQuery("#FormID").validated(function(){ jQuery.post("post.php", jQuery("#FormID").serialize(), function(data){ jQuery("#FormID").html(data); }); }); }); </script> |
I have updated the advanced demo with an alert callback.
Advanced Demo: Click Here
Download: Click Here
Project Repository: Click Here
Hope this feature helps. And many thanks to Vayu for pointing out this important feature.
hi i’ve tried validating 2 inputed numbers the second number should be less than or equal to the first inputed number. But whenever i input 10 then put 5 as a second number it gives me an error. i think its omitting the 0 from 10 that’s why 5 is higher than 10. How can i resolve this? please help! thanks!
Have you ever considered publishing an ebook or guest authoring on other websites?
I have a blog based upon on the same topics you discuss and would love to
have you share some stories/information. I know my subscribers would value your work.
If you are even remotely interested, feel free to shoot me an e-mail.