Загрузка нескольких файлов Javascript onsubmit

Question

Я определил 3 файла javascript с несколькими функциями, и у меня есть обработчик событий onsubmit в каждой из них (по существу, такая же структура), проблема в том, что я вставляю эти 3 файла в нижней части части тела в FilePath, только 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"); 
});