Hi all
I have a form which I've broken up into 4 parts using the cycle
plugin. What I can't figure out is how to (or if I can) validate only
the parts of the form which are visible at the time. Ideally, I could
use the validate plugin to do the validating.
The code bits are:
------
<script type="text/javascript">
$(function() {
$('#slideform').cycle({
prev: '.prev',
next: '.next',
timeout: 0
});
});
</script>
...
<form action="xx.php" method="POST">
<div id="slideform">
<div> <!-- div #1 -->
Input 1: <input name="input1" type="text"><br />
Input 1: <input name="input2" type="text" /><br />
...
<button class="next">Next</button>
</div>
<div> <!-- div #2 -->
...
<button class="prev">Prev</button>
<button class="next">Next</button>
</div>
<div> <!-- div #3 -->
...
<button class="prev">Prev</button>
<button class="next">Next</button>
</div>
<div> <!-- div #4 -->
...
<button class="prev">Prev</button>
<button type="submit">Finish</button>
</div>
</div>
</form>
------
I'd be eternally grateful if anyone could help me with this!