Question

ajax提交后为什么表单内容还在？

表单：
<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提交不会自动清空所填内容吗？新手求解！

Answer 1

你要手动清空，如果不刷新页面的话是不会自动清空的

Answer 2

亲，页面不刷新，页面内容是不会自己清空的，
你可以加一个reset方法

$.post("new_msg.php",{
name: $('#name').val(),
email: $('#email').val(),
comment: $('#comment').val()
},function(data){
reset();
});

function reset(){
$('#name').val(''),
$('#email').val(''),
$('#comment').val('')
}