jQuery ajax 同步失效?
2015-09-14 15:39
519 查看
首先感谢本文作者,虽然都是小BUG,但是不注意还是很发现问题。原文地址:http://www.oseye.net/user/kevin/blog/141
今天表单验证时,出现了一个异常现象,耗去了我不少时间呀。我的验证方法大致如下:
function checkform(){
var mail=$.trim($('#mail').val());
if(mail.length==0){
alert('请填写邮箱');
$('#mail').focus();
return;
}else if(!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/i.test(mail)){
alert('邮箱格式不正确');
$('#mail').focus();
return;
}else{
$.ajax({
type:"post",
dataType:'json',
async: false,
data:{ mail:mail},
url:"/checkmail",
success: function(res){
if(!res){
alert('该邮箱已经被注册了');
$('#mail').focus();
return;
}
},
error: function(ex){
alert(("操作失败,请联系我们。");
$('#mail').focus();
return;
}
});
}
//其他验证.....
}
但条件不满足时前面两个return都能拦住checkform继续向下执行,而ajax里面的return却阻止不了checkform向下执行!
起初以为设置的同步请求没起作用,查了好多资料,但都是那样设置的。后来使用firefox调试,设置了断点才发现其实已经是同步了,问题就出现在return上,这里的return确实不能阻止程序继续执行。
原因是这里的return只会renturn其自己的域函数,也就是success或error的回调函数。所以可以使用临时变量下即可:
function checkform(){
var mail=$.trim($('#mail').val());
if(mail.length==0){
alert('请填写邮箱');
$('#mail').focus();
return;
}else if(!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/i.test(mail)){
alert('邮箱格式不正确');
$('#mail').focus();
return;
}else{
var validate=true;
$.ajax({
type:"post",
dataType:'json',
async: false,
data:{ mail:mail},
url:"/checkmail",
success: function(res){
if(!res){
alert('该邮箱已经被注册了');
validate=false;
}
},
error: function(ex){
alert(("操作失败,请联系我们。");
validate=false;
}
});
if(!validate){
$('#mail').focus();
return;
}
}
//其他验证.....
}
这个问题虽然只是小问题,道理也很容易明白,可我确实耗费了1个多小时,可谓当局者迷呀!!
相关文章推荐
- jquery for循环
- jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
- JQuery中的siblings()是什么意思
- jQuery执行脚本,在指定的div添加(附加)html代码
- JavaScript学习笔记8-jQuery表单选择器
- jQuery 语法
- javascript中的jQuery简单应用
- jQuery 教程
- JavaScript学习笔记8-jQuery表单对象属性过滤
- 用JQUERY为INPUT的TXT类型赋值及取值操作
- javascript 测试 jQuery
- jquery ajax beforeSend 提交等待问题
- jquery 序列化整个表单作为参数传到后台
- jquery 序列化整个表单作为参数传到后台
- jquery 序列化整个表单作为参数传到后台
- jquery 序列化整个表单作为参数传到后台
- jquery 序列化整个表单作为参数传到后台
- jquery 序列化整个表单作为参数传到后台
- jquery 序列化整个表单作为参数传到后台
- jquery 序列化整个表单作为参数传到后台