validate: Message coming at wrong position
Hello,
I am new to validate plugin and its working. I prefer the metadata format but in checkboxes the error message is coming at the wrong position. How to fix it ? My code is following:
[code]<html>
<head>
<title>Welcome</title>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery.validate.min.js"></script>
<script type="text/javascript" src="../js/jquery.metadata.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#commentForm").validate({meta: "validate"});
});
</script>
<style type="text/css">
form label.error,
form input.submit { margin-left: 10px; }
form.cmxform label.error, label.error
{
/* remove the next line when you have trouble in IE6 with labels in list */
color: red;
font-style: italic
}
div.error { display: none; }
input.checkbox { border: none }
</style>
</head>
<body>
<form class="cmxform" id="commentForm" method="post" action="">
<p>
E-Mail *
<input id="cemail" name="email" class="{validate:{required:true, email:true, messages:{required:'Please enter your email address', email:'Please enter a valid email address'}}}"/>
</p>
<p>
<input type="radio" id="gender_male" value="m" name="gender" class="{validate:{required:true, messages:{required:'Please select your gender'}}}" /> Male
<input type="radio" id="gender_female" value="f" name="gender"/> Female
</p>
<p>
<input class="submit" type="submit" value="Submit"/>
</p>
</form>[/code]
Please help.
Thanks.