Hi All,
I am in need of a solution. I am using Thickbox to display a simple
contact form in a site I am building. Only problem is that when I use
the js.validate plugin for the form it does not work but only in
Safari, in FF and IE and Opera it works fine. I know that the validate
plugin works with the form as I am using it another site with no
problems in all browsers that I test on (Safari FF IE Opera). All the
CSS displays normally in all my browsers and the only difference is
that it is now being displayed in Thickbox rather than on a page, so I
assume that is where the problem lies. It's quite possible I have just
overlooked something.
I am not the greatest coder so any help would be appeciated.
Here is the form page that is displayed in Thickbox. The latest
version of Jquery is called from the main page that Thickbox is called
from.
<script type="text/javascript" src="store/js/jquery.validate.js"></
script>
<script type="text/javascript">
$(document).ready(function() {
$("#form1").validate({
rules: {
name: "required",
email: {
required: true,
email: true
},
comment: {
required: true
}
},
messages: {
comment: "Please enter a comment."
}
});
});
</script>
</head>
<body>
<form id="form1" action="http://www.mysitegoeshere.com/cgi-bin/
form_to_mail.php" method="post" onsubmit="return validate(this);">
<input type="hidden" name="recipient" value="b...@blah.com"/>
<input type="hidden" name="from" value="b...@blah.com"/>
<input type="hidden" name="subject" value="Comments"/>
<input type="hidden" name="require" value="name,email,comment"/>
<input type="hidden" name="success_redirect"
value="redirectpagegoeshere"/>
<div class="form-row">
<div class="label">Name :</div>
<input type="text" name="name" size="45" maxlength="60"/>
</div>
<div class="form-row">
<div class="label">E-Mail :</div>
<input type="text" name="email" size="45" maxlength="60"/>
</div>
<div class="form-row">
<div class="label">message :</div>
<textarea name="comment" rows="15" cols="40"></textarea>
</div>
<div class="form-row">
<input class="submit" type="submit" value="Send message"/>
</div>
</form>
</body>
</html>
