HEADER

All,

I read the Suggestions & Hacks: multi-page form thread using a div based solution with interest and then successfully implemented it. The trick is validation should happen as you click "next" on each page for that particular div right? Current for me it's just happening on the last div when I click submit.

Has anyone already figured out how to make that happen for each page/div and can provide the solution before I start trying to figure it out?

Thanks,
Kevin

I should point out the original thread on div based multi-page forms is here:

The solution was to call to validate from the next button onclick. The validate code is nicely written to just validate unhidden elements so it works great!

Code: Select all

<input type=button onclick=" if(!valid.validate()) Event.stop(ev) ; collapseElem('mainForm_1') ; expandElem('mainForm_2') ;" 
class="mainForm" value="Next Page" />


Thanks,
Kevin


http://www.linkedin.com/in/kevinwelker

the last code works but generates a JS error, for anybody else, this one doesn't make error :

Code: Select all

function val1(e){
if(!valid.validate()) {
    return false;
}else{
    step_next(1);
}
}

and

<input type="button" value="Next Step" onClick="return val1(event);">