Javascript переопределения формы onsubmit событие не работает

Question

Я переопределение формы представить событие, как это:

form.onsubmit = function(event) { 
    event.preventDefault(); 

Но когда я звоню представить в форме, как это в отдельной функции:

form.submit(); 

функция onsubmit не вызывается, а форма и форма отправляются как обычно.

Любые мысли?

Edit:

Я также создает входной файл в этой форме и сразу же вызвав щелчок событие. Будет ли это повлиять на форму отправить событие ?:

if (fileInput && document.createEvent) 
{ 
    var evt = document.createEvent('MouseEvents'); 
    evt.initEvent('click', true, false); 
    fileInput.dispatchEvent(evt); 
} 

Edit # 2:

Я подаю форму, вызвав представить функцию форме после того, как значение входного файла изменилось:

function nameFileLabel(id) 
{ 
    var f = document.getElementById('fileForm' + id); 
    var l = document.getElementById("fileText_" + id); 
    var i = document.getElementById("fInputId" + id); 
    if (i.value != '') 
    { 
     l.innerHTML = i.value.replace('fakepath', '...'); 
     var theUploadForm = document.getElementById('fileDiv_' + id); 
     theUploadForm.style.visibility = 'visible'; 
     theUploadForm.style.display = 'block'; 
     f.submit(); 
    } 
} 

Answer 1

Как указал Маниш, переопределение функции отправки и вызов формы отправки в javascript осложняли распространение события. Поэтому добавлена ​​скрытая кнопка в форму в javascript и называется функцией нажатия кнопки, а не функцией отправки формы. Похоже, что он работал, даже это похоже на клод! Большое спасибо всем вам за вашу оперативную помощь. :-)

function nameFileLabel(id) 
{ 
    var f = document.getElementById('fileForm' + id); 
    var l = document.getElementById('fileText_' + id); 
    var i = document.getElementById('fInputId' + id); 
    var b = document.getElementById('sub' + id); 
    if (i.value != '') 
    { 
     l.innerHTML = i.value.replace('fakepath', '...'); 
     var theUploadForm = document.getElementById('fileDiv_' + id); 
     theUploadForm.style.visibility = 'visible'; 
     theUploadForm.style.display = 'block'; 
     b.click(); 
    } 
} 

Answer 2

Чтобы предотвратить отправку формы, ваша функция должна вернуть значение false.

form.onsubmit = function(event) { 
    event.preventDefault(); 
    return false; 
} 

Answer 3

Попробуйте с этим одним

form.submit = function() { 
    //event.preventDefault();  No need of this call 
    //do your processing here 
} 

Answer 4

Следуя @ garryp Ответим на "возвращение ложным". Чтобы добавить дальше, прочитайте из MDN event.stopImmediatePropagation, чтобы увидеть различия и использовать случай между event.preventDefault и event.stopPropagation.

На боковой ноте «return false»; это то же самое, что и оба;

event.preventDefault(); 
    event.stopPropagation(); 

Надеюсь, это поможет.