[jQuery] Combing cycle and validate plugins

[jQuery] Combing cycle and validate plugins


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!