onSubmit="return checkForm();" 方法中:
在ajax里直接写return false,是无效的。
因为它返回的是ajax中的success方法,而不是checkForm()。
因此可以设置一个全局变量用来做判断,实现停止的效果。
注意:ajax一定要是同步的。
-------------------------------------------form表单代码----------------------------------------
<form action="/1/mobile/codeJsLogin" onSubmit="return checkForm();" id="login_form" method="post">
------------------------------script代码-----------------------------
<script>
function checkForm(){
var cname = $("#cname").val();
var randomSms = $("#randomSms").val();
n = false;//全局变量,以便下面做判断
$.ajax({
type: "POST",
url: "/1/mobile/jsCode",
data: {cname:cname,randomSms:randomSms},
dataType: "json",
async: false,//一定要是同步请求,否则会跳转;(ajax默认是异步的)
success: function(obj){
if (obj['error'] == '1') {
alert(obj['message']);
} else {
n = true;
alert(obj['message']);
}
}
});
//全局判断
if(n) {
return true;
}else{
return false;
}
}
</script>
总结:
重要的两个点:异步请求 + 全局变量的判断
方法写在 $(document).ready(function(){})容易出错直接写在 <script>