Question

我有一个嵌入了表单的jsp页面，我正在通过JavaScript提交表单。

当页面说出10-50个项目时，提交工作正常，但如果页面有500个或更多项目，则表示未提交。

单击“提交”按钮后，页面将保留在当前页面中，并且只是继续加载。

如何解决此问题。

示例代码如下所示：

<html>
<script type="text/javascript">
function submitChecked() {
   var approveStr="";
   var approveArr=new Array();
   if(document.frmReleaseDetail.checkBoxVer.length != undefined)
   {
      for(var i=0; i < document.frmReleaseDetail.checkBoxVer.length; i++) 
      {
         if(document.frmReleaseDetail.checkBoxVer[i].checked)
         {
            approveStr +=document.frmReleaseDetail.checkBoxVer[i].value + ",";
            approveArr.push(document.frmReleaseDetail.checkBoxVer[i].value); 
         }
      }
      if(approveStr=="")
          alert("Please make a selection by clicking atleast one checkbox");
      else 
      {

        document.getElementById("passCheckVerVal").value=approveArr;
        document.forms["newForm"].submit();
      }
   }   //end of if checking multiple checkboxes
else   //if the page has only one checkbox(version)
   {
       if(document.frmReleaseDetail.checkBoxVer.checked)
       {
           window.location = "process.jsp?passCheckVer="+document.frmReleaseDetail.checkBoxVer.value+'&u_trackingRequestID=<%=request.getParameter("u_trackingRequestID")%>';
       }
       else
         alert("Please make a selection by clicking atleast one checkbox");
   }
}
</script>
<body>
<%
String newTrackingReqId=request.getParameter("u_trackingRequestID");
%>
<form name=frmReleaseDetail>
//jdbc code
//100's checkbox named checkBoxVer
//button to invoke submitChecked javascript function
</form>
<form name=newForm" id="newForm" action="process.jsp" method="post">
<input type="hidden" name="passCheckVer" id="passCheckVerVal"/>
<input type="hidden" name="u_trackingRequestID" id="u_trackingRequestIDVal" value="<%=newTrackingReqId%>"/>
</form>
</body>
</html>

Answer 1

您需要将表单方法更改为POST。

<form name=frmReleaseDetail method="post">

默认情况下，该方法为GET。更多信息here。 GET中的数据限制数量较小。

编辑：

代码建议只有一种形式：

<html>
<script type="text/javascript">
function submitChecked() {
   var checked = false;

   for(var i=0; i < document.frmReleaseDetail.checkBoxVer.length; i++) 
      {
         if(document.frmReleaseDetail.checkBoxVer[i].checked)
         {
            checked = true;
            break;
         }
      }

   if((document.frmReleaseDetail.checkBoxVer.length != undefined and checked) or (document.frmReleaseDetail.checkBoxVer.checked))
   {
      document.forms["frmReleaseDetail"].submit();
   }
else
   {
       alert("Please make a selection by clicking atleast one checkbox");
   }
</script>
<body>
<%
String newTrackingReqId=request.getParameter("u_trackingRequestID");
%>
<form id="frmReleaseDetail" name="frmReleaseDetail" action="process.jsp" method="post">
    <input type="hidden" name="u_trackingRequestID" id="u_trackingRequestIDVal" value="<%=newTrackingReqId%>"/>
//jdbc code
//100's checkbox named checkBoxVer
//button to invoke submitChecked javascript function
</form>
</body>
</html>

Answer 2

对于犯 noob（新手）错误的人：

1：类型为“提交”而非“按钮”

良好/正确： ------------------------------------ ----------

<input type="submit" value="some_button_label" />

不良/错误： ------------------------------------ ----------

<input type="button" value="some_button_label" />

2：“提交”按钮需要嵌套在表单中。

良好/正确： ------------------------------------ ----------

<form action="cookies-personalize-response.jsp">
    SEL_YOUR_FAV_PROG_LANG
    <select name="fav_lan">
        <option>LANG_01</option>
        <option>LANG_02</option>
        <option>LANG_03</option>
    </select>
    <input
        type ="submit"
        value="some_button_label"
    />
</form>

不良/错误： ------------------------------------ ------------

<form action="cookies-personalize-response.jsp">
    SEL_YOUR_FAV_PROG_LANG
    <select name="fav_lan">
        <option>LANG_01</option>
        <option>LANG_02</option>
        <option>LANG_03</option>
        <option>LANG_04</option>
    </select>  
</form>
<input
    type ="submit"
    value="some_button_label"
/>

3：修复后参考页面，请在浏览器中查看源代码以确保实际更改。尽管最后一个答案很愚蠢，但这实际上是我最长的答案。

JSP页面中的表单未提交

2 个答案: