[jQuery] jquery validation using thickbox

[jQuery] jquery validation using thickbox


Hi,
Sorry to bother you but I am not able to solve this problem so posting
in forum
I am using two jquery plugin
1 Thickbox
2 Jquery validation
Without thickbox validation is working fine but validation is not
working in thickbox.
There is two files ajaxLogin.htm and second is index.html
ajaxLogin.htm :
<script src="/thickbox/js/jquery.js" type="text/javascript"></script>
<script src="/thickbox/js/jquery.validate.js" type="text/
javascript"></
script>
<script>
$(document).ready(function() {
// validate signup form on keyup and submit
var validator = $("#signupform").validate({
rules: {
password: {
required: true,
minlength: 5
},
password_confirm: {
required: true,
minlength: 5,
equalTo: "#password"
}
},
messages: {
password: {
required: "Provide a password",
rangelength: jQuery.format("Enter at
least {0} characters")
},
password_confirm: {
required: "Repeat your password",
minlength: jQuery.format("Enter at
least {0} characters"),
equalTo: "Enter the same password as
above"
}
},
// the errorPlacement has to take the table layout
into account
errorPlacement: function(error, element) {

error.appendTo( element.parent().next() );
}
});
});
</script>
<div id="signupwrap">
<form id="signupform" method="POST" action="http://localhost/thickbox/
index.html">
<table>
<tr>
<td class="label"><label id="lpassword" for="password">Password</
label></td>
<td class="field"><input id="password" name="password" type="password"
maxlength="50" value="" /></td>
<td class="status"></td>
</tr>
<tr>
<td class="label"><label id="lpassword_confirm"
for="password_confirm">Confirm Password</label></td>
<td class="field"><input id="password_confirm" name="password_confirm"
type="password" maxlength="50" value="" /></td>
<td class="status"></td>
</tr>
</table>
<input id="signupsubmit" name="signup" type="submit"
value="Signup" />
</form>
</div>
-------------------------------------------------------------------
index.html :
<head>
<style type="text/css" media="all">
@import "css/global.css";
</style>
<script src="/thickbox/js/jquery.js" type="text/javascript"></script>
<script src="/thickbox/js/thickbox_plus.js" type="text/javascript"></
script>
</head>
<body>
<li><a href="ajaxLogin.htm?height=500&amp;width=550"
class="thickbox">ThickBox login</a>
</body>
</html>
Please tell me how can I get validation in thickbox?
Thanks