javascript - 如何在 Ajax 上成功提交表单 :

Question

我正在尝试使用 jQuery 验证输入。如果输入经过验证并且 ajax 返回 success 那么我需要允许表单提交。我正在使用 e.preventDefault

阻止提交

我的脚本是:

$("#spsignin").submit(function(e){
    if (e.preventDefault) { 
        e.preventDefault(); 
    } else { 
        e.returnValue = false;
    }
    var uname = $("input#name").val();
    var pass = $("input#password").val();

    $.ajax({
        type: "POST",
        url: "Login",
        data: 'uname=' + encodeURIComponent(uname) + '&' + 'pass=' 
                       + encodeURIComponent(pass),
        dataType: "json",
        success: function( data, textStatus, jqXHR) {
            if (data == true) {
                $("#spsignin").submit();
            } else { //display error message
                $("#error").show(1500).css({visibility: "visible"});
                $("#error").append("<b>Invalid Username/Email or Password</b>");
            }
        },
        //If there was no resonse from the server
        error: function(jqXHR, textStatus, errorThrown) {
            console.log("Something really bad happened " + textStatus);
            $("#error").html(jqXHR.responseText);
        },
    });

在成功 时，它会执行提交操作，但会重复执行该操作。表示 Firebug 在其控制台中显示 post 请求数。以及作为响应的 post 请求数。

形式是:

<form action="Signin" method="get" id="spsignin">
    <input type="text" name="uname" class="text validate[required]" 
        id="name" placeholder="Username"/>
    <input type="password" name="pass" class="text validate[required]" 
        id="password" placeholder="Password"/>
    <input type="submit" value="" id="memberlogin"/>
</form>

请任何人告诉我如何在 ajax success 上提交表单 ... 谢谢 ...

Answer 1

如果输入经过验证，那么您可以让用户登录，使用相同的代码创建 session 并在成功回调中重定向到适当的页面，例如

...
success: function( data, textStatus, jqXHR) {
  if(data==true) {
   //redirect to loggedin page
   location.href = "url_to_your_loggedin_page";               
  }