[jQuery] IE6 and 7 Validation Issues when used with Form plugin
For some reason I am unable to gte my from to submit in IE6 and IE7.I
am pullling my hair out because it works fine on Safari and Firefox
2.0. I've tried the different solutions that were suggested like
changing the Encoding, but it hasn't worked for me. Any help will be
much appreciated. Here is the code
<code>
jQuery(document).ready(function() {
// fade out the form after it is submitted
checkForm();
// bind 'myForm' and provide a simple callback function
jQuery('#comments_form').ajaxForm( {
beforeSubmit: validForm,
success: fadeForm
});
function checkForm() {
jQuery("#comments_form").validate({
messages: {
author: "Your name is required" ,
email: "Please enter a email address" ,
user_agreement: "You must agree to the user agreement terms to
participate" ,
},
errorPlacement: function(error, element) {
if ( element.is(":radio") )
error.appendTo( element.parent().next().next() );
else if ( element.is(":checkbox") )
error.insertBefore ( element.next() );
else
error.appendTo( element.parent() );
}
});
};
function validForm() {
checkForm();
jQuery("#comments_form").valid();
if (jQuery("#comments_form").valid() == false ) {
return false;
}
};
function fadeForm() {
jQuery("#comments_form").fadeOut(1200);
jQuery("#post_a_comment").fadeOut(1200);
jQuery("#comment_posting_indicator").show("slow");
jQuery("#comment_posting_indicator").fadeOut(1200);
jQuery("#comment_posting_approval").show(1200);
};
}); //end jquery document ready
</code>