I do - but unfortunately secured behind a login with no public access. I will see if I can get something running at home and host it somewhere for you.
A -----Original Message----- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of Jon Sent: Tuesday, 7 July 2009 3:20 PM To: jQuery (English) Subject: [jQuery] Re: trigger validation by input:button By the way. Do you have any examples of where you've implemented this sort of thing? I'd like to see it in action somewhere. I learn well by studying working examples. On Jul 7, 12:03 am, Alletha McIntyre <amcint...@bigmate.com.au> wrote: > It sounds like the validation is not attached to the click of the next button. > > If you stick a breakpoint in the "step" method - does it hit the breakpoint? > > Also - there is no space between "button" and "id" (<buttonid="btnNext1" > value="Next" class="{step:'#step1control'} > > > nextbutton">Next</button>) in the html markup. This could cause jQuery to > > not find the element with that id & then not run the method. (could also > > just be an error in pasting it into the email??) > > Let me know!! > > -----Original Message----- > From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On > Behalf Of Jon > Sent: Tuesday, 7 July 2009 2:58 PM > To: jQuery (English) > > Cc: Alletha McIntyre > Subject: [jQuery] Re: trigger validation by input:button > > So I got the error to go away by using: > var validator = $("#testForm").validate(); > > But now the problem is that the button proceeds to the next step, even > if there are errors. I can't get it to not display #step_2 when there > are errors. It was suggested that I try using class="{required:true} > on the input instead of class="required", but that didn't work. I > don't fully understand what the added method is doing, but it seems to > me like it's not being called or something. The statement "if > (validator.element("#btnNext1"))" always comes out true, even when I > tried explicitly setting "var isValid = false;" in the method. I've > uploaded a test page:http://www.angelo.edu/webservices/validateTest.html. > Any help would be greatly appreciated. > > On Jul 6, 3:14 pm, Jon <jon.wil...@angelo.edu> wrote: > > I have tried unsuccessfully to implement this solution, but I keep > > getting the error: > > > validator is not defined > > if (validator.element("#btnNext1")) { > > > Here is my code: > > > <head> > > <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> > > <script type="text/javascript" src="/scripts/jquery/ > > jquery-1.3.2.min.js"></script> > > <script type="text/javascript" src="/scripts/jquery/jquery-validate/ > > jquery.validate.min.js"></script> > > <script type="text/javascript"> > > $(document).ready(function(){ > > > $.validator.addMethod("step", function(value, element, param) { > > var isValid = true; > > var elements = $(param).find(":input") > > .not('input[type=hidden]') > > .not(":submit, :reset, :image, :button, [disabled]"); > > alert(elements.length); > > for (var i = 0; i < elements.length; i++) { > > if (!this.element(elements[i])){ > > isValid = false; > > } > > } return isValid; > > > }, ""); > > $("#testForm").validate(); > > $("#btnNext1").click(function() { > > if (validator.element("#btnNext1")) { > > $("#step_1").hide(); > > $("#step_2").show(); > > } > > }); > > > }); > > > </script> > > <title>Untitled Document</title> > > </head> > > > <body> > > <form id="testForm"> > > <div id="step_1"> > > <div id="step1control"> > > <input name="name" type="text" class="required" /> > > </div> > > <buttonid="btnNext1" value="Next" > > class="{step:'#step1control'} > > nextbutton">Next</button> > > </div> > > <div id="step_2"> > > <p>Step 2</p> > > </div> > > </form> > > </body> > > > On Jun 24, 12:56 am, Mac <amcint...@bigmate.com.au> wrote: > > > > Hi Matt > > > > I came across the same issue when I tried to create a wizard. I > > > overcame this by doing the following: > > > > Write a validator extension that looks something like this and use the > > > add method to add it: > > > > $.validator.addMethod("step", function(value, element, param) { > > > var isValid = true; > > > var elements = $(param).find(":input") > > > .not('input[type=hidden]') > > > .not(":submit, :reset, :image, :button, [disabled]"); > > > for (var i = 0; i < elements.length; i++) { > > > if (!this.element(elements[i])){ > > > isValid = false; > > > } > > > } return isValid; > > > > }, ""); > > > > Attach this method to thebuttonitself and pass it the elementid as > > > param like so: > > > <buttonid="btnNext1" value="Next" class="{step:'#step1control'} > > > nextbutton">Next</button> > > > The step1control can be a div containing all the elements that you > > > want tovalidate. > > > > Then you need to run some code in the click event of thebuttonto > > > check thebutton( and thus the "step") is valid. eg: > > > $("#btnNext1").click(function() { > > > if (validator.element("#btnNext1")) { > > > $("#step_1").hide(); > > > $("#step_2").show(); > > > } > > > }); > > > > I have created wizards like this with the validator plugin multiple > > > times and seems to work okay!!Hope it helps!! > > > > On Jun 12, 3:58 pm, Matt <sean...@gmail.com> wrote: > > > > > Hi, > > > > > I have been working on a big form and using jquery plug-in (wizard > > > > form) to divide tit into small subforms. Now, I am trying to integrate > > > > the Validation plugin to deal with the validation and come up with an > > > > issue. > > > > > I run validation on subforms which contains two buttons(back, next). > > > > Those 2 buttons are input:buttontype but not input:submit. I realise > > > > the Validation plug-in would trigger the validation on submit event. > > > > Is there any way I can modify the code so that it could handle my > > > > requirement? > > > > > Having a look on the multipart demo which is the exact scenario I am > > > > dealing with. However, the page below is not working. I tried on both > > > > IE and FF. > > > > >http://jquery.bassistance.de/validate/demo/multipart/ > > > > > Please advise. > > > > > Cheers, > > > > Matt > > This email message and any attachments are confidential. If you are not the > intended recipient, any use, interference with, disclosure or copying of this > material is unauthorised and prohibited. If you have received this email in > error, please immediately advise the sender by return email and delete the > message from your system. If you have any doubts about the authenticity of > this message and any attachments, please contact BIGmate Monitoring Services > Pty Ltd immediately. This email message and any attachments are confidential. If you are not the intended recipient, any use, interference with, disclosure or copying of this material is unauthorised and prohibited. If you have received this email in error, please immediately advise the sender by return email and delete the message from your system. If you have any doubts about the authenticity of this message and any attachments, please contact BIGmate Monitoring Services Pty Ltd immediately.
