java - 如何控制表单刷新时的提交

Question

<c:if test="${not empty timeout}">
  <c:choose>
    <c:when test="${startclicked=='lunch'}">
      <div class="f-left lf_rt5">
        <c:if test="${startclicked !='break'}">
          <button type="submit" id="start-break" name="start" value="start-break" disabled="disabled"
                  type="button" class="actv-btn-dft1 blbg" onclick="return startbreak();" title="Start Break">
            Start Break
          </button>
        </c:if>
        <c:if test="${empty stopclicked && startclicked =='break'}">
          <button type="submit" id="stop-break" name="stop" value="stop-break" disabled="disabled"
                  type="button" class="actv-btn-dft1 orbg" onclick="return stopbreak();" title="Stop Break">
            Stop Break
          </button>
        </c:if>
      </div>
    </c:when>
    <c:otherwise>
      <div class="f-left lf_rt5">
        <c:if test="${startclicked !='break'}">
          <button type="submit" id="start-break" name="start" value="start-break" disabled="disabled"
                  type="button" class="actv-btn-dft1 blbg" onclick="return startbreak();" title="Start Break">
            Start Break
          </button>
        </c:if>
        <c:if test="${empty stopclicked && startclicked =='break'}">
          <button type="submit" id="stop-break" name="stop" value="stop-break" disabled="disabled"
                  type="button" class="actv-btn-dft1 orbg" onclick="return stopbreak();" title="Stop Break">
            Stop Break
          </button>
        </c:if>
      </div>
    </c:otherwise>
  </c:choose>


  <c:choose>
    <c:when test="${startclicked=='break'}">
      <div class="f-left">
        <c:if test="${startclicked !='lunch'}">
          <button type="submit" id="start-lunch" name="start" value="start-lunch" disabled="disabled"
                  type="button" class="actv-btn-dft1 blbg" onclick="return startlunch();" title="Start Lunch">
            Start Lunch
          </button>
        </c:if>
        <c:if test="${empty stopclicked && startclicked =='lunch'}">
          <button type="submit" id="stop-lunch" name="stop" value="stop-lunch" type="button"
                  disabled="disabled" class="actv-btn-dft1 orbg" onclick="return stoplunch();"
                  title="Stop Lunch">Stop Lunch
          </button>
        </c:if>
      </div>
    </c:when>
    <c:otherwise>
      <div class="f-left">
        <c:if test="${startclicked !='lunch'}">
          <button type="submit" id="start-lunch" name="start" value="start-lunch" disabled="disabled"
                  type="button" class="actv-btn-dft1 blbg" onclick="return startlunch();" title="Start Lunch">
            Start Lunch
          </button>
        </c:if>
        <c:if test="${empty stopclicked && startclicked =='lunch'}">
          <button type="submit" id="stop-lunch" name="stop" value="stop-lunch" type="button"
                  disabled="disabled" class="actv-btn-dft1 orbg" onclick="return stoplunch();"
                  title="Stop Lunch">Stop Lunch
          </button>
        </c:if>
      </div>
    </c:otherwise>
  </c:choose>
</c:if>

我有一个考勤系统，有 4 个按钮 StartBreak、STOPBreak 和 StartLunch、STOPLunch 按钮..(在 UI 中，按钮是配对的，即:使用切换按钮 - 相同的按钮用于开始休息和停止休息；另一个按钮用于开始和停止午餐)

问题是，一旦单击“开始”按钮说“中断”，然后页面刷新，表单就会再次提交..我不希望发生这种情况..我希望表单在我按“停止”之前不提交开始.. 。同样，如果我按“停止”按钮 - 然后刷新页面，“停止”按钮将再次提交...

我希望我说得很清楚，请提出你的建议......!

Answer 1

据我了解，您的问题是单击按钮后页面会加载两次。将按钮类型更改为“button”而不是submit。如果您单击提交按钮，表单将自动提交。