ajax提交表单的一些注意事项.ajax提交表单是经常用到的.一般ajax提交要求不再跳转,自然而然的用到了return false .但是你知道 return false 无效,有哪些原因吗?
1.js代码有错误,语法错误,逻辑错误,等等. 语法错误相对容易解决,firebug可以看得清楚.逻辑错误就得仔细排查了;
2.跨域. www.xiaojudeng.com 域名下ajax请求 www.baidu.com ,肯定不行的;这在ie下表现为return false失效,依然正常提交;firefox可能正常;因为实际测试中,子域在firefox里正常,ie不正常.
$(function(){
var url = 'http://www.xiaojudeng.com';
formobj = $('#bookform');
formobj.submit(function(){
var title = $('#title').val();
var username = $('#usernameorder').val();
var telephone = $('#telephone').val();
var booktime = $('#booktime').val();
if(title.length<1) {
alert('手术项目不能为空');$('#title').focus();
return false;
}
if(username.length<1){
alert('您的姓名不能为空'); $('#usernameorder').focus();
return false;
}
if( !ismobile(telephone) ){
alert('您的手机号码不正确'); $('#telephone').focus();
return false;
}
$.post(url,formobj.serialize(),function(data){
if(data == 0) {
alert('订单提交成功,客服将及时联系您。');
$('#title').val('');$('#usernameorder').val('');$('#telephone').val('');$('#booktime').val('');
return false;
}
else{
alert('非常抱歉,订单提交失败,请联系网站客服。');
return false;
}
});
return false;
});
})
分享到:
相关推荐
完整的jq ajax提交表单,奖解压后jq文档加入页面中,调用就可惟了。 表单结构 <form id="myForm" action="comment.php" method="post"> Name: <input type="text" name="name" /> Comment: <...
利用jquery的ajax提交表单数据到后台。后台使用spring.
利用ajax提交表单完整流程
vue1/2 ajax提交表单
ajax提交表单,并对提交中文时的乱码进行处理.
简单的ajaxt无刷新实现表单提交的实例(myeclipse 直接导入运行) 学习点: 1;ajax无刷新表单提交 2;ajax的运行历程 最简单明了的实例,清晰的帮你弄清上述概念,运行简单,只需解压该包,然后Myeclipse中file - ...
jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传.
Asp+ajax提交表单实例,很好用的啊.
本文实例为大家分享了ajax提交时校验表单的方法,供大家参考,具体内容如下 方法一: 代码示例: 巧妙设计之处:ajax提交的话,不能够进行校验拦截,设置一个flag来判断,很巧妙的设计之处,故收藏! function ...
该例子是使用 Ajax 提交 Ext 表单,并通过 success 和 failer 返回相应的值。
表单进行无刷新提交,ajax技术 if (!this.length) { log('ajaxSubmit: skipping submit process - no element selected'); return this; } var method, action, url, $form = this; if (typeof options == ...
ajaxForm异步提交表单(含图片)ajaxForm异步提交表单(含图片)ajaxForm异步提交表单(含图片)
Ajax使用jQuery提交表单 文件
该资源包含了一个使用jquery提交表单的代码,简单易懂,喜欢的下载。
ajax提交表单 作为一个小例子 大家如果感觉有用就看看
ajax提交的jq版本,相当实用
ajaxform,ajax表单提交,方便客户端ajax验证,方便用户体验,人性化表单处理
Ajax如何无刷新提交form里面的内容。
jquery.js + jquery-form.js + springMVC实现ajax提交form表单和上传图片,上传图片成功js可以获取图片保存相对路径。
这是一个ajax提交表单插件,支持文件上传,用起来非常方便。具体使用说明 http://blog.csdn.net/qq122453418/article/details/79511164 欢迎留言