Hi. I tried posting this to the plugin group days ago but it's not
showing
and I'm not sure if it's every going to show.
My form disappears when the focus changes between form fields. Here's
an example:
------------------------------------------------------------------------------
<script type="text/javascript">
$(document).ready(function() {
var errorBox=$("div ul li div.duh");
$("#theForm").validate({
rules: {
input1: {
required: true,
number: true
}
},
messages: {
input1: 'input1 error'
},
errorContainer: errorBox,
errorLabelContainer: $("ul",errorBox),
wrapper: 'li'
});
});
</script>
<div>
<ul>
<li>
<form id="theForm" action="">
<input name="input1" value="">
<select name="select1">
<option value="1">1</option>
<option value="2">2</option>
</select>
<input name="subPool" type="submit"
value="test">
</form>
<div class="duh"><ul></ul></div>
</li>
</ul>
</div>
---------------------------------------------------------------------------------------
If I click submit, the error container correctly shows the errors, and
with the errors showing, I can tab through the fields fine. But if I
refresh the form, so it's not showing errors, and try tabbing through
them, the form disappears. Also, if I just run the form and error
container div by themselves, not nested in all the other elements, and
point the JS to just the error div, such as: var errorBox=$
("div.duh");
then the form works fine and I can tab through the fields no problem.
Can anyone see what I'm doing wrong please?
This is my first attempt with this plugin and I am lost. I've looked
at the docs and example but am not sure what I'm missing or have
wrong :(
