.onsubmitイベントで実行する関数を取得するにはどうすればよいですか？

Question

おそらくこれは本当に簡単な解決策ですが、私の人生はこの問題を解決する方法を考え出すことができません。これまでに見つけたことはありませんでした。

私は、フォーム「適用」が提出されたときに実行する機能「検証」を取得しようとしている

：

function init() { 
    var applyForm = document.getElementById("apply"); 
    setJobValue(); 
    applyForm.onsubmit = validate; 
} 

を検証には、次のようになります。

function validate() { 
    alert("If this alert is up then validate is running"); 
    var dateOfBirth = document.getElementById("dob").value; 
    var state = document.getElementById("state").value; 
    var postcode = document.getElementById("postcode").value; 

など

関数 "setJobValue"が実行されているので（私はinitが動作していることを知っています）、コンソールにエラーはありませんが、どのような調整をして呼び出される必要がありますか？

Answer 1

まあ、あなたのコードを上に置くと、HTMLがレンダリングされるときにスクリプトが実行されます。その間、それは異なるメモリと機能ブロックを割り当てます。その関数を再度呼び出すと、既存の参照のために異なる結果とエラーは発生しません。うーん、ちょっと変だけどJSのやり方は変わりません。あなたのJSコードをページの一番下に置くことを常にお勧めします。

Answer 2

代わりにinitメソッドからvalidateメソッドを直接呼び出すことができます。

function init() { 
    var applyForm = document.getElementById("apply"); 
    setJobValue(); 
    validate(); 
} 

Answer 3

イベントに関数を割り当てると、最後に起動します。 ので、あなたの場合には、これが

 


    function init() { 
      var applyForm = document.getElementById("apply"); 
      setJobValue(); 
      applyForm.onsubmit = functionToSave; 
     } 
 

を仕事とsubmitボタンのonclickイベントであなたの検証メソッドを呼び出す必要があります。