提交表单时的性能问题

Question

我有一个 html 表单可以验证用户输入。问题是即使在本地主机上也需要花费很多时间才能跳转到“操作”页面。代码如下

<form action="Activity.php" method="GET" >

<div style="display:none">
<input type="text" id="chapter" name="chapter"/>
<input type="text" id="book" name="book"/>
<input type="text" id="activity" name="activity"/>
</div>

<input type="image" src="includes/file.png" onClick="return validateForm()" title="Create New Activity" >

</form>

validateForm 的代码是：

function validateForm()
    {
        document.body.style.cursor='wait';
        if(document.getElementById("book").value==null || document.getElementById("book").value==""
                    || document.getElementById("chapter").value==null || document.getElementById("chapter").value=="")
        {
            document.body.style.cursor='default';
            alert("You cannot create an activity at the selected location.");
            return false;
        }



        var name=prompt("Please enter the New Activity Name","New Activity Name");
        if (name==null || name=="")
        {
            document.body.style.cursor='default';
            return false;
        }

        document.getElementById('activity').value=encodeURI(name);
        return true;

    }

如果我删除上面函数中的提示，它会立即跳转到 Activity.php 页面，但是如果我保留提示并询问活动名称，则需要很长时间才能加载所需的页面（可能是因为表单提交过程被提示中断，单击提示“确定”按钮后，提交会再次开始！！不知道：S）在什么情况下从用户那里获取输入应该是一种解决方案（快速的解决方案）正在提交表格？谢谢！！

Answer 1

该对象不存在：document.getElementById('activity')

Answer 2

试试这个。

function validateForm()
    {
        document.body.style.cursor='wait';
        if(document.getElementById("book").value || document.getElementById("chapter").value)
        {
            document.body.style.cursor='default';
            alert("You cannot create an activity at the selected location.");
            return false;
        }



        var name=prompt("Please enter the New Activity Name","New Activity Name");
        if (name)
        {
            document.body.style.cursor='default';
            return false;
        }

        //document.getElementById('activity').value=encodeURI(name);
        return true;

    }