一、问题描述:
用jquery实现分步注册,第一页完成后--点击下一页时需要做校验,js校验返回return能捕捉到false的话就不进入下一页;但如果用ajax异步处理时,return捕捉不到,就是return false给提示但是还是会进入下一个页面,相当郁闷!
二、问题原因:
ajax异步提交跟网页上步骤不是同步的,所以进入下一页后才return false但已为时过完...
三、解决方法:
把ajax设置成同步的 async:false
四、遇到的新问题:
ajax同步后发现return的还是不能捕捉到,错误原因是<input type="button"/>标签提交的东西捕捉不到ajax返回值
解决方法1,把input标签换成<img οnclick=""/>提交
或者设置一个变量,当ajax return false时把变量设置成false,再用js判断即可
具体问题如下
根据解决过程总结的一点,也许有的地方因为理解不透彻总结有误,望指正...
用jquery实现分步注册,第一页完成后--点击下一页时需要做校验,js校验返回return能捕捉到false的话就不进入下一页;但如果用ajax异步处理时,return捕捉不到,就是return false给提示但是还是会进入下一个页面,相当郁闷!
二、问题原因:
ajax异步提交跟网页上步骤不是同步的,所以进入下一页后才return false但已为时过完...
三、解决方法:
把ajax设置成同步的 async:false
四、遇到的新问题:
ajax同步后发现return的还是不能捕捉到,错误原因是<input type="button"/>标签提交的东西捕捉不到ajax返回值
解决方法1,把input标签换成<img οnclick=""/>提交
或者设置一个变量,当ajax return false时把变量设置成false,再用js判断即可
具体问题如下
$("#wizard").scrollable({
onBeforeSeek:function(event,i){
if(i==1){
//用if判断returnfalse的话页面不会进入第二步中
var fnumber = $("#fnumber").val();
if(fnumber==""){
$.dialog({type: "warn", content: "请输入会员号!", modal: true, autoCloseTime: 3000});
return false;
}
var pass=$("#initpassword").val();
if(pass==""){
$.dialog({type: "warn", content: "请输入初始密码!", modal: true, autoCloseTime: 3000});
return false;
}
变量来获取ajax处理结果
var $initstatus=true;
//用ajax做的校验异步处理时,错误后仍会进入下一页面
$.ajax({
type:"post",
async:false,//解决方法,设置成同步的
url:"${base}/shop/member!ajaxRegistOne.action?sign="+2,
data:{"member.fnumber":fnumber,"initpassword":pass},
dataType:"json",
success:function(result){
if(result.status == "error") {
$.dialog({type: "warn", content: result.message, modal: true, autoCloseTime: 3000});
$("#initpassword").val("");
$initstatus=false;
}
}
});
if(!$initstatus){
return false;
}
}
}
});
根据解决过程总结的一点,也许有的地方因为理解不透彻总结有误,望指正...