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 the button itself and pass it the elementid as
param like so:
<button id="btnNext1" value="Next" class="{step:'#step1control'}
nextbutton">Next</button>
The step1control can be a div containing all the elements that you
want to validate.
Then you need to run some code in the click event of the button to
check the button( 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:button type 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
