Hey all,
I am using a form that validates and sends without a refresh via jquery and an error is being thrown when testing in IE7 :
Webpage error details
Message: Expected identifier, string or number
Line: 17
Char: 3
Code: 0
URI: http://www.snipped.com/jigowattprocess.js
Here is my FORM:
<div id="form">
<form action="contactprocess.php" method="post" id="info">
<div id="message-wrap" class="slider">
<label for="Message">Message</label>
<textarea cols="32" rows="10" id="message" name="message"></textarea>
</div><!--end comment-wrap-->
<div id="name-wrap" class="slider">
<label for="name">Name</label>
<input type="text" id="name" name="name">
</div><!--end name-wrap-->
<div id="email-wrap" class="slider">
<label for="email">E–mail</label>
<input type="text" id="email" name="email">
</div><!--end email-wrap-->
<div id="antispam-wrap" class="antispam">
<label for="url"></label>
<input type="url" id="antispam" name="antispam" />
</div><!--end antispam-wrap-->
<input type="submit" id="btn" name="btn" value="submit">
</form>
</div><!--end form-->
And here is the JQUERY:
jQuery(document).ready(function(){
$('#info').submit(function(){
var action = $(this).attr('action');
$('#info #btn').attr('disabled','disabled').after('<img src="ajax-loader.gif" class="loader" />');
$("#form").slideUp(750,function() {
$('#form').hide();
$.post(action, {
name: $('#name').val(),
email: $('#email').val(),
message: $('#message').val(),
},
function(data){
document.getElementById('form').innerHTML = data;
$('#form').slideDown('slow');
$('#info img.loader').fadeOut('fast',function(){$(this).remove()});
$('#info #submit').attr('disabled','');
if(data.match('success') != null) $('#info').slideUp('slow');
}
);
});
return false;
});
});
I did not post the php form processor since this is the javascript forum, but if that would help too, please let me know and I will post.
Thanks in advance!