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

jinmin26 2014-08-20 04:58:13
<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提交不会自动清空所填内容吗?新手求解!
...全文
1728 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
Go 旅城通票 2014-08-21
  • 打赏
  • 举报
回复
当然在了,页面又没有刷新,就算刷新不是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;
});
v逆水行舟v 2014-08-20
  • 打赏
  • 举报
回复
你在input 中加入属性autocomplete试试 <input autocomplete=""/>

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧