我的回复网站中的联系表单未提交。我已经附上了我的contact.php,但它无法正常工作
我的脚本如下
<!--Contact Us Script-->
<script type="text/javascript">
// <![CDATA[
$(function() {
$('#contactform').submit(function() {
var action = $(this).attr('action');
$.post(action, {
name: $('#name').val(),
email: $('#email').val(),
company: $('#website').val(),
subject: $('#subject').val(),
message: $('#message').val()
},
function(data) {
$('#contactform #submit').attr('disabled','');
$('.response').remove();
$('#contactform').before('<p class="response">'+data+'</p>');
$('.response').slideDown();
if(data=='Message sent!') $('#contactform').slideUp();
}
);
return false;
});
});
我的实际表格是
<form action="contact.php" method="post" id="contactform">
<ol>
<li>
<label for="name">Name*</label>
<input id="name" name="name" class="text"/>
</li>
<li>
<label for="email">Email*</label>
<input id="email" name="email" class="text" />
</li>
<li>
<label for="url">Website</label>
<input id="url" name="web" class="text"/>
</li>
<li>
<label for="subject">Subject*</label>
<input id="subject" name="subject" class="text"/>
</li>
<li>
<label for="message">Message*</label>
<textarea id="message" name="message" rows="6" cols="50" ></textarea>
</li>
<li class="buttons">
<input name="imageField" type="image" class="send" id="imageField" form="contactform" src="Newsite/images/sub.png" />
<div class="clr"></div>
</li>
</ol>
</form>
如果有人可以提供帮助,我将非常感激。我已经被困了2天了!!!
由于
答案 0 :(得分:0)
你可以试试......把这个功能附加到img的事件“点击”... 对不起,(我不会说英语(听或听)这么多)但我希望它会有所帮助。
$("#imageField").click(
function(){
$('#contactform').submit(function(){
var action = $(this).attr('action');
$.post(action, {
name: $('#name').val(),
email: $('#email').val(),
company: $('#website').val(),
subject: $('#subject').val(),
message: $('#message').val()
},
function(data){
$('#contactform #submit').attr('disabled','');
$('.response').remove();
$('#contactform').before('<p class="response">'+data+'</p>');
$('.response').slideDown();
if(data=='Message sent!') $('#contactform').slideUp();
}
);
return false;
});