一個AJAX方法我試圖使用禁用是jQuery的另一種方法

Question

AJAX的這一塊

  $('input#adminLogin').on('submit', function() { 
       var username = $('#username').val(); 
       var password = $('#password').val(); 
       if (username == '' || password == '') 
        $('#errForm').fadeIn(200).text('You must enter a username and password'); 
       else { 
        $.ajax ({ 
         type: 'post', 
         url: '/classes/login/Authenticator.php', 
         data: $('#login_form').serialize(), 
         cache: false, 
         success: function(data) { 
          if(data == 'You entered an invalid username or password'); 
           $('.actionDiv').fadeIn(200).html(data); 
          else 
           $('.fade_bg').fadeOut(200); 
         } 
        }); 
       } 
      }); 

正在這個jQuery

$('a#aLogin').on('click', function (e) { 
    e.preventDefault(); 
    $('.fade_bg').fadeIn(200); 
    $('a#aLogin').hide(); 
}); 

不行，我是否擁有e.preventDefault（ ）在AJAX方法中。怎麼來的？

HTML

<div class="fade_bg"> 
     <div class="actionDiv"> 
      <span id="errForm"></span> 
      <form id="login_form" action="./classes/login/Authenticator.php" method="post"> 
       <p>username: <input type="text" name="username" id="username" /></p> 
       <p>password: <input type="password" name="password" id="password" /></p> 
       <p><input type="submit" name="adminLogin" value="Log in" id="adminLogin" /></p> 
      </form> 
      <p><a id="cancelLogin" href="">Cancel</a></p> 
     </div> 
     <div id="topRight"> 
       <a id="aLogin" href="">Admin login</a> 
       <form id="exit" action="./classes/login/ExitDoor.php" method="post"> 
        <p> 
        <?php 
         if ($_SESSION['logged-in'] == 1) 
          print '<span id="greeting">Welcome, ' . $_SESSION['firstName'] . ' | </span>'; 
        ?> 
        <input id="aLogout" type="submit" name="adminLogout" value="Log out" /> 
        </p> 
       </form> 
      </div> 

Answer 1

您的第一個片段一個語法錯誤。這就是爲什麼第二個不再被執行的原因。

在該行

if(data == 'You entered an invalid username or password'); <-- 

---

所有主要的瀏覽器都內置開發工具的末尾刪除分號。通過查看開發者控制檯，您可以非常快速地發現這些錯誤。

在您的例子鉻合金控制檯會告訴你這一點 - http://i43.tinypic.com/xqg48.jpg