删除禁用，如果如果语句真的在JavaScript

Question

我不能放在一起javascript if statment to activate my submit button if(username_ready && email_ready) ("#register").removeAttr("disabled");所以我有两个增值税，如果他们都是真的我希望提交按钮被激活。以上似乎不工作？我试图把它拴住这个......

$(document).ready(function() 
{ 
$("#username").blur(function() 
{ 
    //remove all the class add the messagebox classes and start fading 
    $("#msgbox").removeClass().addClass('messagebox').text('Checking...').fadeIn(1000); 
    //check the username exists or not from ajax 
    $.post("user_availability.php",{ username:$(this).val() } ,function(data) 
    { 
     if(data=='no') //if username not avaiable 
     { 
     $("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox 
     { 
      //add message and change the class of the box and start fading 
      $(this).html('This User name Already exists').addClass('messageboxerror').fadeTo(900,1); 
     var username_ready = false; 
     });  
     } 
     else 
     { 
     $("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox 
     { 
      //add message and change the class of the box and start fading 
      $(this).html('Username available to register').addClass('messageboxok').fadeTo(900,1); 
      var username_ready = true; 
     }); 
     } 

    }); 

}); 
}); 
</script> 

<script src="jquery.js" type="text/javascript" language="javascript"></script> 
<script language="javascript"> 

$(document).ready(function() 
{ 
$("#email").blur(function() 
{ 
    //remove all the class add the messagebox classes and start fading 
    $("#box").removeClass().addClass('messagebox').text('Checking...').fadeIn(1000); 
    //check the username exists or not from ajax 
    $.post("email_availability.php",{ email:$(this).val() } ,function(data) 
    { 
     if(data=='no') //if username not avaiable 
     { 
     $("#box").fadeTo(200,0.1,function() //start fading the messagebox 
     { 
      //add message and change the class of the box and start fading 
      $(this).html('This email name Already exists have you forgot your password? ').addClass('messageboxerror').fadeTo(900,1); 
     var email_ready = false; 
     });  
     } 
     else 
     { 
     $("#box").fadeTo(200,0.1,function() //start fading the messagebox 
     { 
      //add message and change the class of the box and start fading 
      $(this).html('Tezac Hamra').addClass('messageboxok').fadeTo(900,1); 
      var email_ready = true; 
     }); 
     } 

    }); 

}); 
}); 

Answer 1

您声明您传递给.moveTo()功能，这意味着你不能从那些特定功能的外部访问他们的匿名函数中你username_ready和email_ready变量。而且这些变量是由两个独立的事件处理程序设置的，因此您需要以某种方式协调测试。

似乎简单到我的方式是类似以下内容（这是一个过于简单化的版本的代码，所以你可能需要用它来摆弄了一下）：

$(document).ready(function() { 

    // declare the flags outside the other functions 
    var username_ready = false, 
     email_ready = false; 

    function checkSubmitStatus() { 
    if (username_ready && email_ready) { 
     $("#register").prop('disabled',false); 
    } 
    } 

    $("#email").blur(function() { 
    // put your existing code here, with just a change 
    // where you set email_ready to not declare it with `var` 
    // (it's now declared above) 
    email_ready = true; // or false 
    checkSubmitStatus(); 
    } 

    $("#username").blur(function() { 
    // your other code here 
    username_ready = true; // or false 
    checkSubmitStatus(); 
    } 

}); 

Answer 2

disabled是一个属性，而不是现在的属性。

$("#email, #username").blur(function(){ 
    if(username_ready && email_ready) 
    { 
     $("#register").prop('disabled',false); 
    } 
});