.submit（）Iを押すたびにちょうどリロードそれを提出し、私は次の形式を持っているフォーム

Question

に

<form action="" method="post" name="loginForm" id="loginForm"> 
    <div id="spinnerInsert"> 
     <div class="form-content"><input type="text" name="loginUser" id="loginUser" class="validate[required,minSize[3]]" required /><span class="form_highlight"></span><span class="form_bar"></span><label for="loginUser">Username</label><span class="form_hint">Enter your username here</span></div> 
     <div class="form-content"><input type="password" name="loginPassword" id="loginPassword" class="validate[required]" required /><span class="form_highlight"></span><span class="form_bar"></span><label for="loginPassword">Password</label><span class="form_hint">Enter your password here</span></div> 
    </div> 
    <div class="form-content buttons"><p><input name="action-login" type="submit" id="action-login" value="Sign In" class="button confirm" style="width: 140px;" /><br/><a href="">Register</a> &middot; <a href="">Forgot Password</a></p></div> 
</form> 

、その後、スクリプト

$('form#loginForm').submit(function(event) { 
    // Get data and submit 
    $('#spinnerInsert').spin(); 
    $.getJSON("lib/class/class.login.php", {loginUser: $('input#loginUser').val(), loginPassword: $('input#loginPassword').val(), queryType: "1"}) 
    .done(function(response) { 
     $('#spinnerInsert').spin(false); 
     if(response.success===0){ 
      // Show Error 
      toastr.error(response.message, 'Error'); 
      // If totalFails > 4, lock account and offer to reset password or email admin 
      if(response.totalFails>4) { 
       $('article#pageForm').html('<p id="accountLocked">Sorry, your account has been locked. Please <a href="">reset your password</a> or <a href="mailto:adminemail">contact the site admin</a> to unlock your account</p><p><a href="javascript:backToLogin();">Back to Sign In</a></p>'); 
      } 
     } else { 
      // Load Authentication Section 
      $('article#pageForm').html(response.data); 
     } 
    }); 
    event.preventDefault(); 
    return false; 
}); 

しかし、いくつかの理由のために、次のコードを発射ありませんページ。私のスクリプトはまったく起動しません。

私は昨日働いていましたが、今日ではありません。何も変わったことを覚えていません。

私は$(document).on('submit','form#loginForm',function(event) {も試しました。

全デモhttp://spendit.dpdesignz.co/

Answer 1

で問題が.spin()が定義されていないということです。 .spin()を含む行を削除し、フォームを送信してみてください。

$('form#loginForm').submit(function(event) { 
    // Get data and submit 
    $.getJSON("lib/class/class.login.php", {loginUser: $('input#loginUser').val(), loginPassword: $('input#loginPassword').val(), queryType: "1"}) 
    .done(function(response) { 
     if(response.success===0){ 
      // Show Error 
      toastr.error(response.message, 'Error'); 
      // If totalFails > 4, lock account and offer to reset password or email admin 
      if(response.totalFails>4) { 
       $('article#pageForm').html('<p id="accountLocked">Sorry, your account has been locked. Please <a href="">reset your password</a> or <a href="mailto:adminemail">contact the site admin</a> to unlock your account</p><p><a href="javascript:backToLogin();">Back to Sign In</a></p>'); 
      } 
     } else { 
      // Load Authentication Section 
      $('article#pageForm').html(response.data); 
     } 
    }); 
    event.preventDefault(); 
    return false; 
});