ajax提交后为何表单内容还在
ajax提交后为什么表单内容还在?
代码如上,最后为了阻止表单的默认提交加了return false,不加提交就会刷新界面,加了提交后表单内容就还在。

难道ajax提交不会自动清空所填内容吗?新手求解!
------解决方案--------------------
当然在了,页面又没有刷新,就算刷新不是js设置的值也会存在的,你要重置表单清空内容
$('#msg_sent').click(function(){
$('#name,#email').trigger("blur");
var num = $('.error').length;
if(num){
alert("请输入正确的昵称和密码");
return false;
}else{
$.post("new_msg.php",{
name: $('#name').val(),
email: $('#email').val(),
comment: $('#comment').val()
},function(data){
alert(data);
$('#msg_form')[0].reset();
});
}return false;
});
<form id="msg_form" action="#" method="post">
<div>昵称:<input id="name" name="name" type="text" /></div>
<div>邮箱:<input id="email" name="email" type="text"/>
<span>*</span></div>
<textarea id="comment" name="comment" rows="6" cols="40"></textarea><br />
<input id="msg_sent" type="submit" value="提交" />
</form>
$('#msg_sent').click(function(){
$('#name,#email').trigger("blur");
var num = $('.error').length;
if(num){
alert("请输入正确的昵称和密码");
return false;
}else{
$.post("new_msg.php",{
name: $('#name').val(),
email: $('#email').val(),
comment: $('#comment').val()
},function(data){
alert(data);
});
}return false;
});
代码如上,最后为了阻止表单的默认提交加了return false,不加提交就会刷新界面,加了提交后表单内容就还在。
难道ajax提交不会自动清空所填内容吗?新手求解!
------解决方案--------------------
当然在了,页面又没有刷新,就算刷新不是js设置的值也会存在的,你要重置表单清空内容
$('#msg_sent').click(function(){
$('#name,#email').trigger("blur");
var num = $('.error').length;
if(num){
alert("请输入正确的昵称和密码");
return false;
}else{
$.post("new_msg.php",{
name: $('#name').val(),
email: $('#email').val(),
comment: $('#comment').val()
},function(data){
alert(data);
$('#msg_form')[0].reset();
});
}return false;
});