Okay, in this case, the groups-option doesn't help. You could try the variations of the required method: http://docs.jquery.com/Plugins/Validation/Methods/required Or follow the login-form example here, implementing similar functionality to the forgot-password-link: http://jquery.bassistance.de/validate/demo/login/
Jörn On Wed, Feb 18, 2009 at 6:53 AM, Paresh <paresh.m.jaga...@gmail.com> wrote: > > Thank you Jörn for the reply. > a bit modified code to show what exactly needed... Here I have added a > new 2 textboxes and a button now the requirement ( as ASP.NET does) is > when "Submit Name" button is pressed then only the group "username" > should be validated and if both the textboxes of the group "username" > are filled (AND the address textboxes are EMPTY) the form should be > submitted. In normal HTML this can be done using the different forms > but in ASP.NET there is only one FORM that is runat server that > encapsulates other server controls. > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > "http://www.w3.org/TR/html4/loose.dtd";> > <html> > <head> > <script src="http://code.jquery.com/jquery-latest.js";></script> > <script type="text/javascript" src="http://dev.jquery.com/view/trunk/ > plugins/validate/jquery.validate.js"></script> > <script> > $(document).ready(function(){ > $("#myform").validate({ > groups: { > username: "fname lname", > address: "address1 phone" > }, > errorPlacement: function(error, element) { > if (element.attr("name") == "fname" > || element.attr("name") == "lname" ) > error.insertAfter("#lastname"); > else > error.insertAfter(element); > }, > debug:true > }) > }); > </script> > > </head> > <body> > <form id="myform"> > <label>Your Name</label> > <input name="fname" class="required" value="Pete" /> > <input name="lname" id="lastname" class="required" /> > <input name="address1" class="required" /> > <input name="phone" id="lastname" class="required" /> > <br/> > <input type="submit" value="Submit Name"/> > <input type="submit" value="Submit Address"/> > </form> > </body> > </html> > On Feb 17, 6:48 pm, Jörn Zaefferer <joern.zaeffe...@googlemail.com> > wrote: >> There is the group-option. >> Seehttp://docs.jquery.com/Plugins/Validation/validatefor details. >> >> Specify grouping of error messages. A group consists of an arbitrary >> group name as the key and a space separated list of element names as >> the value. Use errorPlacement to control where the group message is >> placed. >> >> Use a table layout for the form, placing error messags in the next >> cell after the input. >> >> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >> "http://www.w3.org/TR/html4/loose.dtd";> >> <html> >> <head> >> <script src="http://code.jquery.com/jquery-latest.js";></script> >> <script type="text/javascript" >> src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js";></script> >> <script> >> $(document).ready(function(){ >> $("#myform").validate({ >> groups: { >> username: "fname lname" >> }, >> errorPlacement: function(error, element) { >> if (element.attr("name") == "fname" >> || element.attr("name") == "lname" ) >> error.insertAfter("#lastname"); >> else >> error.insertAfter(element); >> }, >> debug:true >> }) >> }); >> </script> >> >> </head> >> <body> >> <form id="myform"> >> <label>Your Name</label> >> <input name="fname" class="required" value="Pete" /> >> <input name="lname" id="lastname" class="required" /> >> <br/> >> <input type="submit" value="Submit"/> >> </form> >> </body> >> </html> >> >> Jörn >> >> On Tue, Feb 17, 2009 at 11:09 AM, Paresh <paresh.m.jaga...@gmail.com> wrote: >> >> > Greetings, >> > is there anyway to have the "validationGroup" kind of functionality >> > that is in the ASP.NET validation? because there are no multiple forms >> > and validation on set of controls required based on the similar >> > grouping? Like a set of controls share a similar group and then on >> > click of a button the validationGroup is set into the jQuery validator >> > options and then in the validation only those controls are validated >> > which have that specific validationGroup >> >> > like >> > rules: { >> > TextBox1: 'required', >> > TextBox2: 'required' >> > TextBox3: 'required', >> > TextBox4: 'required' >> >> > }, >> > messages: { >> > TextBox1: 'Please enter the name.', >> > TextBox2: 'Please enter last name.' >> > TextBox3: 'Please enter address.', >> > TextBox4: 'Please enter phone number.' >> >> > }, >> >> > validationGroups: { >> > group1:{TextBox1,TextBox2} >> > group2:{TextBox3,TextBox4} >> > } >> >> > <input type submit onclick=validator.validationGroup='group1' >> > text='Fill Primary information'> >> > <input type submit onclick=validator.validationGroup='group2' >> > text='Fill contact information'> >> >> > or something similar?
