JavaScript验证不会触发

Question

按下提交按钮时，我有一个JS函数要执行。

<td colspan="2" align="center"><button
             onclick="return myFunction()">test</button></td>

以上一行工作正常。但是当我使用chrome浏览器的控制台窗口提交表单时

document.getElementById("use").value=99;
        document.forms[0].submit();

myFunction未执行。如果我从控制台提交表单，我该如何执行它。谢谢。

Answer 1

由于您没有点击按钮，因此该功能无法启动。绑定到表单的onsubmit事件而不是。

Answer 2

这里有两种方法。

1. 在onsubmit活动中提交表单

var submitFunction = function() {
    alert("onsubmit event");
}

<form onsubmit="submitFunction()">
  <table>
    <tbody>
      <tr>
        <td colspan="2" align="center">
          <button type="submit">test</button>       
        </td>
      </tr>
    </tbody>
  </table>
</form>

1. 从submit()方法
调用onclick

var myFunction = function() {
    alert("onclick event");
    document.forms[0].submit();
}

<form>
  <table>
    <tbody>
      <tr>
        <td colspan="2" align="center">
          <button onclick="myFunction()">test</button>       
        </td>
      </tr>
    </tbody>
  </table>
</form>