0

我已经尝试修复此代码几个小时，但仍然无法使其正常工作。

这是相当基本的：
我正在构建一个混合 iOS 应用程序，并且有一个区域需要用户登录到我们的系统，我使用 Hammer.js 来处理触摸事件。
所以，在页面上，我有一个表单和一个提交按钮。在我的 JS 应用程序文件中，有对我的服务器的 ajax 请求来检查凭据。

但是，它不起作用：无论我做什么，我的表单都会不断重新加载页面。当它刷新窗口时，我的 ajax 请求没有任何机会工作。

这是 HTML 表单：

<div class="login-form-parent">
  <div class="login-form">
    <section>
      <h2>Sign in to GraphiX Studios CPM</h2>
      <form name="loginForm" id="login" method="post" submit="#" >
      <fieldset>
        <input type="text" name="login" id="loginEmail" placeholder="Username" autocapitalize="false" autocorrect="false" >
        <input type="password" name="password" id="loginPass" placeholder="••••" >
        <aside>
          <label for="rememberLogin">Remember me</label>
          <input type="checkbox" name="rememberLogin" id="rememberLogin" >
        </aside>
        <footer>
          <input type="submit" name="submit" id="submitLogin" value="Login" >
        </footer>
      </fieldset>
      </form>
    </section>
  </div>
</div>

这两个<div>、<aside>和标签<section>仅<footer>用于样式目的。

这是JS代码：

var loginEl = document.getElementById('submitLogin');
Hammer(loginEl, {tap_max_touchtime: 1000}).on("tap", loginFunctions);
function loginFunctions() { 
    var usernameValidation = $("input#loginEmail").val();  
    if (usernameValidation == "") {  
        $("#login_error").show();  
        $("input#login").focus();  
    return false;  
    }  
    var passwordValidation = $("input#loginPass").val();  
    if (passwordValidation == "") {  
        $("#password_error").show();  
        $("input#password").focus();  
    return false;  
    }
    if (usernameValidation != "" && passwordValidation != "") {
        $.submit(function() {
            var username = $('#loginEmail').val();
            var password = $('#loginPass').val();
            $.ajax({
                url: 'loginProcessing.php',
                type: 'POST',
                data: {
                  user: username,
                  pass: password
                },
                success: function(response) {
                    if(response == '1') {
                        // Success
                        alert('Success');
                    } else {
                        // Error
                        alert('Failed');
                    }
                }
            });
            return false;
        });
    }
return false;
}

我无法自行调试：我已经尝试了几个小时不同的解决方案，并且已经在 Google 和 Stack Overflow 资源中进行了搜索。

随意清理或改进 JS 代码。

4

2 回答 2

2

尝试使用：

event.preventDefault();

而不是返回 false，在 $.submit 函数的开头

于 2013-07-04T23:05:37.520 回答
1

改变<input type="submit" name="submit" id="submitLogin" value="Login" >为<input type="button" name="submit" id="submitLogin" value="Login" >

于 2013-07-04T23:00:17.907 回答