¿Cómo puedo evitar que esta función jQuery se ejecute en cada carga de página?

Question

Jun 27, 2013, 07:40 AM

¿Cómo puedo evitar que esta función jQuery se ejecute en cada carga de página?

Creo que tengo una solución a mi problema, pero quiero estar seguro. Esto es lo que tengo:

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

AhoraonSubmit los enlaces a una función jQuery es un archivo externo, jQueryCalls.js. Esta es la función:

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

});

Cada vez que se carga la página, esta función se ejecuta, obviamente eso crea un problema ya que deshabilito las entradas. Mi suposición es que puedo solucionar el problema con algo como esto:

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

Tengo curiosidad por saber si alguien tiene alguna idea sobre esto y por qué se ejecuta en cada carga de página. Específicamente, ¿necesito modificar el atributo de acción de formulario, implementación diferente enonSubmit, etc? Supongo que el navegador simplemente está viendo el archivo y ejecutando las funciones que lo contienen. Además, estoy recibiendo un error de origen cruzado en la consola de Chrome. Hace elphp ¿El archivo debe estar en el mismo directorio que la función jQuery? Cualquier entrada es apreciada.

Deja tu comentario