當我使用onsubmit而不是onclick時，Javascript代碼不起作用

Question

var submit = document.getElementById('submit'), 
    div = document.getElementById('div'); 

div.onmouseover = function sum() { 
    value1 = document.getElementById('form').value; 
    value1 = document.getElementById('form2').value; 

    sum = value1 + value2; 
} 

submit.onsubmit = function print() { 
    div.innerHTML = sum; 
} 

由於某些原因，代碼不起作用;但是，如果我

submit.onclick = function print() { 
    div.innerHTML = sum; 
} 

onclick，而不是onsubmit更換最後，工作完全正常，即使sum在外面計算，之前我按提交。就好像每個變量變成null當我輸入提交，即使變量甚至沒有存儲在表單域中。

Answer 1

onsubmit事件處理程序必須附加到form元素，而不是input元素。

假設你有一個form，你可以做的表單元素，而不是按鈕

submit.form.onsubmit = ... 

Answer 2

的onsubmit事件觸發。嘗試將onsubmit處理程序移至表單，而不是