ajax提交表单的一些注意事项:解释为什么return false却依然提交

发布时间：2020-12-15 21:01:02 所属栏目：百科来源：网络整理

导读：ajax提交表单的一些注意事项.ajax提交表单是经常用到的.一般ajax提交要求不再跳转,自然而然的用到了return false .但是你知道 return false 无效,有哪些原因吗? 1.js代码有错误,语法错误,逻辑错误,等等. 语法错误相对容易解决,firebug可以看得清楚.逻辑错误

ajax提交表单的一些注意事项.ajax提交表单是经常用到的.一般ajax提交要求不再跳转,自然而然的用到了return false .但是你知道 return false 无效,有哪些原因吗?

1.js代码有错误,语法错误,逻辑错误,等等. 语法错误相对容易解决,firebug可以看得清楚.逻辑错误就得仔细排查了;

2.跨域. www.xiaojudeng.com 域名下ajax请求 www.baidu.com,肯定不行的;这在ie下表现为return false失效,依然正常提交;firefox可能正常;因为实际测试中,子域在firefox里正常,ie不正常.

Php代码

$(function(){
varurl='http://www.xiaojudeng.com';
formobj=$('#bookform');
formobj.submit(function(){
vartitle=$('#title').val();
varusername=$('#usernameorder').val();
vartelephone=$('#telephone').val();
varbooktime=$('#booktime').val();
if(title.length<1){
alert('手术项目不能为空');$('#title').focus();
returnfalse;
}
if(username.length<1){
alert('您的姓名不能为空');$('#usernameorder').focus();
returnfalse;
}
if(!ismobile(telephone)){
alert('您的手机号码不正确');$('#telephone').focus();
returnfalse;
}
$.post(url,formobj.serialize(),function(data){
if(data==0){
alert('订单提交成功,客服将及时联系您。');
$('#title').val('');$('#usernameorder').val('');$('#telephone').val('');$('#booktime').val('');
returnfalse;
}
else{
alert('非常抱歉,订单提交失败,请联系网站客服。');
returnfalse;
}
});
returnfalse;
});
})

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!