Jak mogę zapobiec wykonywaniu tej funkcji jQuery przy każdym ładowaniu strony?

Question

Jun 27, 2013, 07:40 AM

Jak mogę zapobiec wykonywaniu tej funkcji jQuery przy każdym ładowaniu strony?

Wierzę, że mam rozwiązanie mojego problemu, ale chcę być pewien. Oto co mam:

<html>...
<body>...

 <script type="text/javascript" src="../JS/jquery.js"></script>
 <script type="text/javascript" src="../JS/respond.min.js"></script>
 <script type="text/javascript" src="../JS/jquery.min.js"></script>
 <script type="text/javascript" src="../JS/validate.js"></script>
 <script type="text/javascript" src="../JS/jQueryCalls.js"></script>
 ...

<form name="login-form" class="login-form" method="post" onSubmit="login()">

  <div class="header">
    <h1>Sign In</h1>
  </div>

  <div class="content">
    <input type="hidden" name="siteToken" value="$token" />
    <input id="username" name="username" type="text" class="input username"  placeholder="Username" required="required" />

  <div class="user-icon"></div>
    <input id="password" name="password" type="password" class="input password" placeholder="Password" required="required" />

  <div class="pass-icon"></div>

  </div>

  <div class="footer">
    <input type="submit" name="submit" value="Login" class="button" />
  </div>
</form>

TerazonSubmit linki do funkcji jQuery to zewnętrzny plik jQueryCalls.js. To jest funkcja:

$(function login() {
    var formData = $('#login-form').serialize(); //Grab all submission data from login form
    $("input").prop("disabled", true); //Disable inputs for the duration of the post

    var request = $.post('E:\Additional Programs\xampp\htdocs\Vista_Ridge_Territory_System\PHP\Scripts\VRC_LoginProcess.php', formData, loginMessage);

    //Handle server-side response
    function loginMessage(data) {
        $('.header').append("nada");
    };

});

Za każdym razem, gdy strona się ładuje, ta funkcja jest wykonywana - co oczywiście powoduje problem, ponieważ wyłączam wejścia. Moim założeniem jest, że mogę rozwiązać problem w następujący sposób:

$(document).ready(function login() {
  $('.login-form').submit(function() {
   var formData = $(this).serialize();
   .post('whatever', formData,...

Ciekawi mnie, czy ktoś ma w tej sprawie jakąś wiedzę i dlaczego jest wykonywany przy każdym załadowaniu strony? W szczególności muszę zmodyfikować atrybut działania formularza, inną implementacjęonSubmit, itp? Zakładam, że przeglądarka po prostu widzi plik i wykonuje funkcje zawierające. Ponadto otrzymuję błąd pochodzenia krzyżowego w konsoli chrome. Czy tophp plik musi znajdować się w tym samym katalogu co funkcja jQuery? Każdy wkład jest doceniany.