加載多個Javascript文件onsubmit

Question

我已經定義了3個javascript文件和幾個函數，並且我在每個函數中都有事件處理程序onsubmit（基本上是相同的結構）問題是，當我在主體部分的底部插入這3個文件時如文件路徑，其中只有2被加載，而第三個是沒有的，我不明白爲什麼... 這是代碼：

function init() { 
    'use strict'; 

    // Listen to see whether the form has been submitted: 
    //get a handle to my form 
    var demogrForm = document.getElementById("Demographics"); 
    demogrForm.onsubmit = validateInputs; 

    console.log("submit"); 
} // End of init() function. 

window.onload = init; 
console.log("init"); 

本質，呼籲每一個「的onsubmit」的功能是不同的3個文件，但處理這個調用的代碼是一樣的...你有什麼想法嗎？

Answer 1

嘗試使用jQuery $（function（）{}）;或者改變你的window.onload。它應該是這樣的：

window.onload=function(){ 
    console.log("init"); 
    // Listen to see whether the form has been submitted: 
    //get a handle to my form 
    var demogrForm = document.getElementById("Demographics"); 
    demogrForm.onsubmit = validateInputs; 

    console.log("submit"); 
}; 

或使用jQuery：

$(function(){ 
    console.log("init"); 
    // Listen to see whether the form has been submitted: 
    //get a handle to my form 
    var demogrForm = document.getElementById("Demographics"); 
    demogrForm.onsubmit = validateInputs; 

    console.log("submit"); 
});