0

用户填写表格并单击提交按钮。数据被发送回服务器，并根据服务器服务器的响应提交或不提交表单（以及是否重定向页面）。问题是表单总是在收到服务器响应之前提交并且页面重定向。

        function SubmitForm(name, data1)
        {
            var result;
            var checkResult = function(result)
            {
                alert("final value is: "+result)
                return result
            }
            var xmlhttp
            if (window.XMLHttpRequest)
            {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp=new XMLHttpRequest();
            }
            else
            {// code for IE6, IE5
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange=function()
            {
                if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
                {
                    if(xmlhttp.responseText)
                    {
                        result = true
                    }
                    else
                    {
                        document.getElementById("report").innerHTML = "blah blah blah"
                        result = false
                    }
                    checkResult(result)
                }
            }
            xmlhttp.open("POST", "Checkdata1.php", true);
            xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
            xmlhttp.send("name="+encodeURIComponent(name.value)+"&data1="+encodeURIComponent(data1.value))
            //return false
        }

这是调用上述 JavaScript 函数的表单的 HTML。

<form onsubmit="return isPasswordCorrect(document.getElementById('name'), document.getElementById('txtField1'))" action="nextpage.php" method="GET">

我知道这个想法是让函数返回false以防止表单被提交，但我如何让它等待足够长的时间让服务器通过 Ajax 回复？顺便说一句，我不需要 JQuery，如果没有必要，我不想现在就开始使用它。

4

1 回答 1

1

我会使用<button>不提交表单的（类型不是"submit"）：

<form ...>
...
<button onclick="SubmitForm(...)">Submit</button>
</form>

然后在最后SubmitForm，你可以放：

document.querySelector("form").submit();

当您要提交表单时。

于 2013-04-08T20:52:56.290 回答