Как установить `onSubmit` динамически с помощью JavaScript

Question

Прямо сейчас я немного дилемма, потому что я не могу редактировать onSubmit моей формы, поэтому мне придется установить ее динамически. Моя проблема, я понятия не имею, как это сделать без перезаписи значение, которое уже в onSubmit
Например, предположим, что у меня есть этот код:

<form name="bob" onSubmit="something-i-cannot-change"> 

</form> 

Как бы я установить другую функцию, чтобы это произошло onSubmit наряду с другой функцией, которая уже существует? Я посмотрел это и не повезло ... Спасибо, я очень ценю любую помощь !!!

Примечание: Если этот вопрос является дубликатом чего-либо, то, пожалуйста, дайте мне знать!

Answer 1

document.querySelector('[name="bob"]') 
     .addEventListener('submit', 
          functionThatDoesSomethingAfter); 

Обратите внимание, что форма уже должна быть в DOM, поэтому поместите код в конец тега тела.

https://developer.mozilla.org/en-US/docs/Web/API/document.querySelector

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener

Answer 2

Сохранить ссылку на существующий onSubmit функции, а затем создать новую onSubmit функцию, которая делает то, что вы хотите, и затем вызвать оригинал.

// jQuery syntax for DOM work 
var originalSubmit = $('#bob').onSubmit 
$('#bob').onSubmit = function() { do stuff here then call original }; 

Answer 3

document.getElementById("<element-id>").setAttribute("onSubmit", "<action>");