ajax提交后为何表单内容还在

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提交后为何表单内容还在
难道ajax提交不会自动清空所填内容吗?新手求解!ajax提交后为何表单内容还在
------解决方案--------------------
本帖最后由 showbo 于 2014-08-21 10:27:23 编辑
当然在了,页面又没有刷新,就算刷新不是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;
    });