表单 onsubmit 不适用于表单 .submit()

我有一个表单，并且应用了 onsubmit 函数：

var theForm = document.getElementById("myform");
theForm.onsubmit = function FormSubmit() {
alert("something");
};

我在表单中添加了一个提交按钮<input type="submit" value="submit"/>

The something文本被提醒。伟大的！

我有一张图片，我想用它来提交表单：

<img onclick="document.getElementById('myform').submit();" src="mylocation"/>

但它没有使该功能...它不发出警报something在屏幕上。

EDIT:我不想要 jQuery 的东西。纯JS

事件处理程序仅响应用户操作或异步事件而运行，而不是正常的程序操作（例如调用）form.submit()。原因之一是表单的提交处理程序执行一些工作然后调用form.submit()，如果再次触发处理程序，这将导致无限递归。

将要运行的代码放入命名函数中：

function mySubmit() {
    alert("something");
}

theForm.onsubmit = function() {
    mySubmit();
};

然后您可以在点击处理程序中调用该函数：

<img onclick="mySubmit(); document.getElementById('myform').submit();" src="mylocation"/>