一、问题描述:
用jquery实现分步注册,第一页完成后--点击下一页时需要做校验,js校验返回return能捕捉到false的话就不进入下一页;但如果用ajax异步处理时,return捕捉不到,就是return false给提示但是还是会进入下一个页面,相当郁闷!
二、问题原因:
ajax异步提交跟网页上步骤不是同步的,所以进入下一页后才return false但已为时过完...
三、解决方法:
把ajax设置成同步的 async:false
四、遇到的新问题:
ajax同步后发现return的还是不能捕捉到,错误原因是<input type="button"/>标签提交的东西捕捉不到ajax返回值
解决方法1,把input标签换成<img onclick=""/>提交
或者设置一个变量,当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; } } } });
根据解决过程总结的一点,也许有的地方因为理解不透彻总结有误,望指正...