表單onsubmit不適用於表單.submit（）

Question

我有一個表單，我已經應用了一個函數onsubmit：

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

我在表單中添加了一個提交按鈕<input type="submit" value="submit"/>

something文本被警告。 大！

我有一張圖片，我想讓它提交表格：

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

不過，這並不使函數...它沒有警告something在屏幕上。

編輯：我不想要jQuery的東西。 純JS

Answer 1

事件處理程序僅在響應用戶操作或異步事件時運行，而不是正常的程序操作，如調用form.submit() 。 這樣做的一個原因是，表單的提交處理程序執行某些工作然后調用form.submit()並不常見，如果它再次觸發處理程序，這將導致無限遞歸。

將要運行的代碼放在命名函數中：

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

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

然后你可以在你的點擊處理程序中調用該函數：

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

Answer 2

問題是事件處理程序在腳本調用事件時不響應。

說像吼叫

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

並手動調用該函數onclick圖像像波紋管

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

Answer 3

您可以使用a標簽在你的形象，這樣的事情：

<a href="javascript://" onClick="document.getElementById('myform').submit();">
  <img src="mylocation" />
</a>