返回true/false在阿贾克斯代码不工作

问题描述：

我正在检查数据库中的重复电子邮件。首先我检查有效的电子邮件，然后检查电子邮件的长度，然后我使用ajax检查数据库中的电子邮件所以返回true或返回false不工作在ajax code.other验证是好的，但检查重复的电子邮件不工作。也ajax响应是好的。
这里我的js文件 -

返回true/false在阿贾克斯代码不工作

$(document).ready(function(){ 

var form = $("#form"); 
var registeremail = $("#registeremail"); 
var emailInfo = $("#emailInfo"); 

registeremail.blur(validateEmail); 
registeremail.keyup(validateEmail); 


form.submit(function(){ 
    if( validateEmail()) 
     return true; 
    else 
     return false; 

}); 


function validateEmail(){ 
    //testing regular expression 
    var a = $("#registeremail").val(); 
    var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-][email protected][a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/; 
    //if it's valid email 

    if(filter.test(a)){ 
     registeremail.removeClass("error"); 
     emailInfo.text(""); 
     emailInfo.removeClass("error"); 
     if(registeremail.val().length < 8){ 
      registeremail.addClass("error"); 
      emailInfo.text("Min 8 letters required."); 
      emailInfo.addClass("error"); 
      return false; 
     } 
     else if(registeremail.val().length > 60){ 
      registeremail.addClass("error"); 
      emailInfo.text("Max 60 letters required."); 
      emailInfo.addClass("error"); 
      return false; 
     } 
     else 
      { 
      $.ajax({ 
        url: "home/CheckEmail", 
        data: { 
         email: a 
        }, 
        success: function(ret) 
        { 
        if(ret=='1') 
        { 
         registeremail.addClass("error"); 
         emailInfo.text("Email already exist."); 
         emailInfo.addClass("error"); 
         return false; 
        } 
        else if(ret != '1') 
        { 
          registeremail.removeClass("error"); 
          emailInfo.text(""); 
          emailInfo.removeClass("error"); 

          //document.forms["form"].submit(); 
         return true; 
        } 
        } 
      }); 
      } 
    } 
    //if it's NOT valid 
    else{ 
     registeremail.addClass("error"); 
     emailInfo.text("Valid e-mail please"); 
     emailInfo.addClass("error"); 
     return false; 
    } 
}

}）;

$ .ajax返回jQuery，而不是您传递给它的成功或失败回调的返回值。最好的办法是执行回调中的所有逻辑，或者触发外部函数并将返回值作为参数传递。 – 2013-03-08 06:35:18

$ .ajax是异步的。你需要使用'async：false'选项来使用你的脚本：http://api.jquery.com/jQuery.ajax/ – sdespont 2013-03-08 07:03:05

答

默认情况下，jQuery的ajax调用将异步运行。

所以，当你做一个ajax调用时，成功或错误回调不会立即运行。

为了使上述代码可行，您可以将'async：false'添加到ajax调用参数中。

但是，使同步ajax调用将冻结用户界面，直到它完成。如果后端api调用需要很长时间才能完成，那么这将成为一个表演停止。

理想的方式是

显示一些处理/加载图标
发送AJAX调用
得到响应后，隐藏处理/加载图标
基于响应，显示错误/成功的消息。

返回true/false在阿贾克斯代码不工作

相关推荐