[jQuery] [validate] "required field" keeps on appearing
hi,
i'm new to jquery, i'm currently using the validation plugin to
validate my forms.
here's my code
<script src="includes/jquery/jquery.validate.js" type="text/
javascript"></script>
<script src="includes/jquery/cmxforms.js" type="text/javascript"></
script>
<script type="text/javascript">
$.validator.setDefaults({
submitHandler: function() { alert("submitted!"); }
});
$().ready(function() {
$("#addrest").validate({
rules: {
restname: "required"
},
messages: {
restname: "
<font face=\"Arial\"
style=\"font-size: 9pt\" color=
\"#96A26F\">Please enter your Restaurant Name</font>"
}
});
});
$(document).ready(function() {
$('#yes').click(function(){
$('#tr').hide();
});
$('#no').click(function(){
$('#tr').show();
});
});
</script>
<form method="post" action="add.php" id="addrest" class="cmxform">
<table border="0" width="100%" cellpadding="3" cellspacing="0"
id="Table6">
<tr>
<td valign="top" align="left"
style="width: 98px">
<font color="#B9A49B"
face="Arial" style="font-size: 8pt">
<label
for="restname">Restaurant Name</label>
</font>
</td>
<td valign="top" align="left"
style="width: 204px">
<input type="text"
class="required" name="restname" id="restname"
size="35" style="font-size: 8pt; font-family: Arial; color: #56443D;
background-color:#E1D9D5">
</td>
</tr>
</table>
</form>
the above code is working and shows the "required field" but when i
press the submit button agian it adds another message under the old
one. also when i type in something the "required field" doesn't go it
stays.
this happens on opera and FF but not in IE7.
any ideas??
thx