Javascript jQuery脚本将清除表单数据,但应保留一个输入
我正在将以下脚本与联系人表单一起使用,在OK时,它会清除Javascript jQuery脚本将清除表单数据,但应保留一个输入,javascript,jquery,Javascript,Jquery,我正在将以下脚本与联系人表单一起使用,在OK时,它会清除输入,文本区域,但不幸的是,它也会清除提交按钮发送文本。我怎么能腾出这块地 多谢各位 表格 <input class="required inpt" type="text" name="name" value="" placeholder="Name" /><br /> <input class="required inpt" type="email" name="ema
输入,文本区域
,但不幸的是,它也会清除提交
按钮发送文本。我怎么能腾出这块地
多谢各位
表格
<input class="required inpt" type="text" name="name" value="" placeholder="Name" /><br />
<input class="required inpt" type="email" name="email" value="" placeholder="E-Mail" /><br />
<textarea class="required textbox" name="message" rows="6" cols="30" placeholder="Comments" ></textarea><br />
<input name="submit" type="submit" class="btn" value="Send" />
jQuery
var close_note = $("#note");
close_note.click(function () {
jQuery("#note").slideUp(1000, function () {
jQuery(this).hide();
});
});
$("#ajax-contact-form").submit(function() {
$('#load').append('<center><img src="images/ajax-loader.gif" alt="Currently Loading" id="loading" /></center>');
var fem = $(this).serialize(),
note = $('#note');
$.ajax({
type: "POST",
url: "contact.php",
data: fem,
success: function(msg) {
if ( note.height() ) {
note.slideUp(1000, function() {
$(this).hide();
});
}
else note.hide();
$('#loading').fadeOut(300, function() {
$(this).remove();
if(msg === 'OK') { $("#ajax-contact- form").find('input, textarea').val(""); }
// Message Sent? Show the 'Thank You' message and hide the form
result = (msg === 'OK') ? '<div class="success">Your message has been sent. Thank you!</div>' : msg;
var i = setInterval(function() {
if ( !note.is(':visible') ) {
note.html(result).slideDown(1000);
clearInterval(i);
}
}, 40);
}); // end loading image fadeOut
}
});
return false;
});
var close_note=$(“#note”);
关闭注释。单击(函数(){
jQuery(“#note”).slideUp(1000,函数(){
jQuery(this.hide();
});
});
$(“#ajax联系人表单”).submit(函数(){
$('#加载')。追加('');
var fem=$(this).serialize(),
注=$('注');
$.ajax({
类型:“POST”,
url:“contact.php”,
数据:fem,
成功:功能(msg){
if(note.height()){
注.slideUp(1000,函数(){
$(this.hide();
});
}
else note.hide();
$(“#加载”).fadeOut(300,function(){
$(this.remove();
if(msg=='OK'){$(“#ajax contact-form”).find('input,textarea').val(“”;}
//已发送消息?显示“谢谢”消息并隐藏表单
结果=(msg==“OK”)?“您的邮件已发送。谢谢!”:msg;
var i=setInterval(函数(){
如果(!note.is(':visible')){
note.html(result).slideDown(1000);
间隔时间(i);
}
}, 40);
});//结束加载图像淡出
}
});
返回false;
});
您正在编写$(“#ajax联系人表单”)。查找(“输入,文本区域”)
,这包括所有输入和文本区域字段,包括提交按钮
从您的选择中排除submit
试试这个:
$("#ajax-contact-form").find("input,textarea").not("input[type='submit']").val("");
或:
您正在编写$(“#ajax联系人表单”)。查找(“输入,文本区域”)
,这包括所有输入和文本区域字段,包括提交
按钮
从您的选择中排除submit
试试这个:
$("#ajax-contact-form").find("input,textarea").not("input[type='submit']").val("");
或:
看起来您正在使用以下行重置字段:
if(msg === 'OK') { $("#ajax-contact-form").find('input, textarea').val(""); }
input,textarea
不是很具体,所以它会命中所有输入。如果你有css选择器,你可以使用它们。在你的情况下,我可能会:
if(msg === 'OK') {
$("#ajax-contact-form").find('input:not([type=submit]), textarea').val("");
}
看起来您正在使用以下行重置字段:
if(msg === 'OK') { $("#ajax-contact-form").find('input, textarea').val(""); }
input,textarea
不是很具体,所以它会命中所有输入。如果你有css选择器,你可以使用它们。在你的情况下,我可能会:
if(msg === 'OK') {
$("#ajax-contact-form").find('input:not([type=submit]), textarea').val("");
}
无需担心您的js脚本
。只需将html输入更改为按钮
<代码>发送
无需担心你的js脚本
。只需将html输入更改为按钮
<代码>发送