Question

我有一个带有一些动作和onsubmit值的表单，它通过提交输入标记提交。问题是它应该可以通过两个按钮提交，所以我为第二个按钮写了一个函数来改变形式的动作和onsubmit值：

<a href="javascript:submitCompare()" class="submit">Compare</a>

function submitCompare()
{
    document.myForm.action = "anotherAction.php";
    document.myForm.onsubmit = function() {return countChecked()};
    document.myForm.submit();
}

function countChecked()
{
  var n = $(".reports input:checked").length;
  if (n >= 3 ) {
    alert ('You must select less than 3 reports.');
    return false;
  }
  else return true;
}

点击比较链接后，它会正确地将我发送到anotherAction.php页面，但即使我有两个以上选中的复选框（这是验证规则）。有人可以帮助我使onsubmit功能正常工作吗？

Answer 1

document.myForm.onsubmit = function() {return countChecked()};

应该是

document.myForm.onsubmit = function( e ) {
   e = e || window.event;
   if ( !countChecked() ) {
       e.preventDefault();
       e.returnValue = false;
   }
};

在提交时返回false将结束任何进一步的函数执行。如果您不希望提交，则需要阻止默认提交行为。

Answer 2

这是一个迟到的回复，但如果其他人正在看这个......

而不是：

document.myForm.onsubmit = function() {return countChecked()};

我想你想要：

document.myForm.setAttribute("onsubmit", "return countChecked()");

Answer 3

在submitCompare()中，您明确无条件地调用

 document.myForm.submit();

您可能需要的是

 if (countChecked()) {
   document.myForm.submit();
 }

javascript更改表单onsubmit动态

3 个答案: