Como posso evitar que essa função jQuery seja executada em cada carregamento de página?

Question

Jun 27, 2013, 07:40 AM

Como posso evitar que essa função jQuery seja executada em cada carregamento de página?

Eu acredito que tenho uma solução para o meu problema, mas quero ter certeza. Isso é o que eu tenho:

<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>

AgoraonSubmit links para uma função jQuery é um arquivo externo, jQueryCalls.js. Esta é a função:

$(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");
    };

});

Toda vez que a página é carregada, essa função é executada - obviamente, isso cria um problema, já que desabilito as entradas. Minha suposição é que eu posso consertar o problema com algo como isto:

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

Estou curioso para saber se alguém tem alguma ideia sobre isso e por que está sendo executado em cada carregamento de página? Especificamente, preciso modificar o atributo de ação do formulário, implementação diferente emonSubmit, etc? Presumo que o navegador esteja simplesmente vendo o arquivo e executando as funções que o contêm. Além disso, estou recebendo um erro de origem cruzada no console do Chrome. Ophp arquivo precisa estar no mesmo diretório que a função jQuery? Qualquer entrada é apreciada.

leaveComments