I made some incremental changes to the previous version of jQuery Form Validation and added some new features to the same.
New features in version 1.1
- Validations of radio-buttons and check-boxes now possible
- Added jquery.validation.functions.js to modularize addition of new validation functions.
- New validation functions added
- isValidDate(year, month, day): It takes in three parameters the year(i.e. full year) of the date, the month of the date and the day part of the date and returns false if its not a valid date and true if valid. It includes checking of leap years. For example: 02-29-2008 will show as valid but 02-29-2009 as invalid.
- isChecked(id): It takes the id of the container containing the group of check-boxes or radio-buttons and returns false if none of the children were checked and true if at-least one was checked.
Download and Demo
Advanced Demo: Click Here
Download: Click Here
Project Repository: Click Here
Hi, may I know how to validate confirm password field? I need to validate that the confirm password field should be the same as input in the password field.
Thanks
Hi azril,
Thanks for your comment. I have added a password and confirm password field example to the advanced demo of jQuery Live Form Validation ( http://www.geektantra.com/projects/jquery-form-validate/advanced_demo/ ). Just check its source to have a better understanding. Its actually very simple. In the expression for the confirm password validation just put an if statement to check if it matches the password.
GeekTantra
Pingback: jQuery Live Form Validation Version 1.1 | GeekTantra | My Web Development Bookmarks
Pingback: Twitted by LaFermeDuWeb
mm… attractive ))
Hey how to do validation for url please its urgent
Is it possible to do custom validation, something like; if text field is empty and drop down not selected then display message?
Can’t get isValidDate to work for months 08 and 09.
I double checked it with 8-31-2010 and 9-30-2010 it is working fine. Please check your implementation.
I can’t get checkbox validation to work.
I always get “not checked” error message no matter if checked or not.
Is there a solution. I double checked, and it seems to me that everything conforms to your example.
Hi Nikola
Can you show me the script your are working on?
I guess it might be a minor config issue.
Regards,
GeekTantra
I was looking everyehwre and this popped up like nothing!
YsK0dA yrtxpbubflul
I declare that I have read and I agree with the Terms & Conditions
and I’ve put your default script from demo changed to find #tcaccept in my header
jQuery(“#tcaccept”).validate({
expression: “if (isChecked(SelfID)) return true; else return false;”,
message: “Please check this to agree to Terms & Conditions.”
});
I always get the error message. No matter if it’s checked or not
ok. just lost my html code above. sorry.
I have just a straight input type=checkbox name=tcaccept id=tcaccept value=on
I removed quotes and other special chars
Thanks in advance
Nikola
Hi Nikola,
If you observe the advanced demo carefully. The validation example for checkboxes given there is for a set of checkboxes out enclosed in the id=”ValidCheckbox”. You have two options to implement your case, either use it with the enclosing id or write the following expression:
jQuery(“#tcaccept”).validate({
expression: “if (jQuery(‘#tcaccept’).is(‘:checked’)) return true; else return false;”,
message: “Please check this to agree to Terms & Conditions.”
});
I guess the above solution will fit your needs perfectly.
Regards,
GeekTantra
hi, very nice solution on the radiobuttons. I have a problem. I make several forms on a page via mysql. They are in a hidden div. When clicked on a link one of them wil show. In every form are radiobuttons with different id’s. How can I pass those id’s to the script so I have to use only one script for all the forms.
excellent tutorial
The reg expression for validating no spaces is not working: /^[\S]*$/
Excellent script, but I was having some strange behaviour when combining this with jQuery UI’s Datepicker option.
The problem was that if a validation error had been triggered and you then proceeded to set a date the error message was not cleared unless you again clicked in and out of the field (or just ignored the error and carried on, but this is not helpful to the end user!). To overcome this I added ‘change’ to the bind parameters in jquery.validate.js line 46.
Before: jQuery(this).bind(‘focus keypress’, function(){
After: jQuery(this).bind(‘focus keypress change’, function(){
I have not tested all of the features of the validate script to see if this causes any problems elsewhere but thought I would post in case it helps anyone else as it solves the problem for me.
GeekTantra, hope you don’t mind my tinkering with your code.