Form validation is one of the most important aspect on any web application. More the form is secure more secure will be the application. So as to validate form using jquery , is really simple and can be highly customize.
.
Here is the DEMO how it looks.
How it works?
Simple, in this plugin we have to set three parameters for every required class. User can set his own class and define rule. Moreover , user can also set events onError and OnValid for a particular class thus giving user high customization, he/she can add their own effects , may be jquery animate() .
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | required : { //required is a class rule : function() { // define some rule }, onError : function() { //do something on error }, onValid : function() { // do something on valid } }, . . . . . . someNewClass: { //someNewClass is a class rule : function() { // define some rule }, onError : function() { //do something on error }, onValid : function() { // do something on valid } }, submitHandler : function() { //do something on submit form return false; //remove this line if you need to refresh page on valid form } |
.
Using this function I have created this DEMO
Cheers!
Comments
I am also trying to do like this …thanks for sharing….I am trying in the signup form….
One thing that I liked about this plugin is that its not form elements specific but you can use it any html node for example you’ve used to validate a whole div for atleast one check box being checked.
I’m looking forward with this.
Thanks for sharing . . . Steve
Thats awesome!!!! Where can I get one?lol Seriously I would have never thought of anything like that, to cool.
Hey Steve !!
Cool Post, buddy.
I was looking something like this on the internet for check boxes validation.
Nice blog, keep it up, !!
too less description, if you could elaborate on how to use it that would have been far better.
Nice information, I really appreciate the way you presented.Thanks for sharing..
I think this plugin, which is not a particular case, but can be used with any node as HTML, is used to validate the Entire div for at least one checkbox is selected. I look forward to this.
I think this plugin, which is not a particular case, but can be used with any node as HTML, is used to validate the Entire div for at least one checkbox is selected. I look forward to this.
you have been bookmarked on digg and twitter.
I am trying in the signup form….
I look forward to this.
I really appreciate the way you presented
used to validate the Entire div for at least one checkbox is selected.
I enjoyed reading this article. I will come back soon to read it again.
Very nice plugin Steve, High user customization and keeper it user friendly is always the best way to go.
this is great little but powerful plugin. Thanks for sharing
this was pretty fun to read
This is a good plugin for validation. I am using in one of my sites and find it very handy.
That widget will greatly be of help to me thanks for sharing
Please have a review of my website matrixnmedia.com and give me feedback. It is web designing & development firm.
I really appreciate the way you presented
I’m so glad to have found your web page. My pal mentioned it to me before, yet never got around to checking it out until now. I
must express, I’m floored. I really enjoyed reading through your posts and will absolutely be back to get more.
Great article, I think you covered everything there. . . I would say freelancing is quite hard especially if you are not used to working on your own, can be quite hard to motivate yourself also. . . we all know what it is like to stare at the monitor.
This is excellent. Thanks for sharing the code – I’m, still new to jquery
It’s really great post. I would like to appreciate your work and would like to tell to my friends.
It’s good to see this information in your post, i was looking the same but there was not any proper resource, thanx now i have the link which i was looking for my research.
I admire the valuable information you offer in your articles. I will bookmark your blog and have my children check up here often. I am quite sure they will learn lots of new stuff here than anybody else!
This article gives the light in which we can observe the reality. This is very nice one and gives depth information. Thanks for this nice article. Good post…..Valuable information for all.
Great job here. I really enjoyed what you had to say. Keep going because you definitely bring a new voice to this subject. Not many people would say what you’ve said and still make it interesting. Well, at least I’m interested. Can’t wait to see more of this from you.
This is obviously one great post. Thanks for the valuable information and insights you have provided here.
I hope you continue writing about this kind of topic.
Anyways, I’ll be subscribing to your feed and I hope you post again soon.
I have been through the whole content of this blog which is very informative and knowledgeable stuff, so i would like to visit again.
This is a great inspiring article.I am pretty much pleased with your good work.You put helpful information here. Keep it up.
Keep blogging. Looking forward to read more posts of you.
This is a great post, it was very informative.
I am about now to email it to my collegues to permit them examine this too. Thank you a lot.
Great stuff as usual.
It took some time for me to browse through all the comments, but I really like the post. It proved to be very helpful .
This valuable editorial was very useful to read, I liked it so much.
Pretty good post.
This help me a bit but it would be great if you have it all. Not bad at all.
If you could elaborate on how to use it that would have been far better. I really appreciate the way you presented.
I hope you continue writing about this kind of topic.
For the sweet love of buddhallahjesus, get yourselves a syntax checker.
thanksss.for sharing this information..but we can use this node with html also i’ve tried it ,it works..i m going to bookmark your site