送信ボタンがIIFEを使用して再度有効にならない

Question

私は初めてのポスターと初心者プログラマーです。私はここにIIFEの外で動作するいくつかのコードを持っていますが、私がそれを1つに入れると、submit関数が中断されます。私がやっていることは、すべてのフィールドが少なくとも1文字あるまで、送信ボタンを無効にした単純な連絡フォームを作成することです。この時点で、Javascript/jQueryのコードを再構築して動作させることはできませんでした。私はこれに簡単な答えがあると確信しています、私はまだそれを見ていないだけです。ありがとうございました！

はJavaScript

(function() { 

    function init() { 
     window.onload = checkform; 
    } 

    function checkform() { 

     var validateBeforeSubmit = document.forms["contactForm"].elements; 
     var cansubmit = true; 

     for (var i = 0; i < validateBeforeSubmit.length; i++) { 
      if (validateBeforeSubmit[i].value.length == 0) 
       cansubmit = false; 
     } 
     document.getElementById('submitButton').disabled = !cansubmit; 
    } 
    init(); 
})(); 

Answer 1

(function() { 
function init() { 
window.onload = checkform; 
} 
function checkform() { 
var validateBeforeSubmit = document.forms["contactForm"].elements; 
var cansubmit = true; 
for (var i = 0; i < validateBeforeSubmit.length; i++) { 
     if (validateBeforeSubmit[i].value.length == 0) cansubmit = false; 
     validateBeforeSubmit[i].oninput=checkform;//the line you need 
}  
document.getElementById('submitButton').disabled = !cansubmit; 
} 
init(); 
})(); 

：、右

Answer 2

あなたはのonloadイベントにごcheckform機能を割り当てています。ページが読み込まれるときに一度だけ実行されます。

あなたはそれを別のものにマップする必要があります。 おそらく入力変更ですか？

Answer 3

あなたはcheckload関数にonloadイベントをバインドしていますが、誰がonloadイベントをトリガーしますか？ブラウザはすでにこのイベントをトリガしているので、明らかに関数が呼び出されることはありません。

私はあなたが前にこのようなSTHを持っていたと思います