여러 자바 스크립트 파일로드 onsubmit

Question

몇 가지 기능을 사용하여 3 개의 자바 스크립트 파일을 정의했으며 각기 (기본적으로 같은 구조체)의 이벤트 처리기 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=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"); 
});