javascript动态提交时更改表单

Question

我有一个带有一些 Action 和 onsubmit 值的表单，它是通过提交输入标签提交的。问题是它应该可以通过两个按钮提交，所以我为第二个按钮编写了一个函数来更改表单的 action 和 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 页面，但即使我选中了 2 个以上的复选框(这是验证规则)也是如此。有人可以帮助我使 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 只会结束任何进一步的函数执行。如果您不想提交，您希望阻止默认提交行为。