1

我相信我有解决问题的方法，但我想确定一下。这就是我所拥有的：

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

现在onSubmit链接到一个 jQuery 函数是一个外部文件，jQueryCalls.js。这是功能：

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

});

每次页面加载时，都会执行这个函数——显然这会产生一个问题，因为我禁用了输入。我的假设是我可以通过以下方式解决问题：

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

我很好奇是否有人对此有任何见解，以及为什么在每次页面加载时都执行它？具体来说，我是否需要修改表单操作属性、不同的实现onSubmit等？我假设浏览器只是查看文件并执行包含的功能。另外，我在 chrome 控制台中收到一个跨源错误。该php文件是否需要与 jQuery 函数位于同一目录中？任何输入表示赞赏。

4

1 回答 1

4

关键在这里：

$(function login() {
});

请记住，jQuery 不是一种不同的语言——它只是带有一些已经定义的帮助函数的 javascript。因此，您正在调用该$()函数，并将函数作为参数传入。您命名函数的事实是无关紧要的 - 它仍然作为参数传递给$().

当您调用$()orjQuery()函数并传入另一个函数时，它是定义文档就绪事件处理程序的快捷方式。因此，您的代码实际上与执行此操作相同：

$(document).ready(function() {
    var formData = $('#login-form').serialize();
    $("input").prop("disabled", true);
    // the rest of your function here...
});

...这导致它在每个页面加载时运行。

如果您只是定义一个稍后将调用的函数，则没有理由将其包装在$(). 你可以这样定义你的函数：

function login() {
    var formData = $('#login-form').serialize();
    $("input").prop("disabled", true);
    // the rest of your function here...
}
于 2013-06-30T06:43:18.907 回答