我被卡住了,试图使用提交函数( formElement.submit() )提交我的表单。嗯,实际上它确实将表单输入值发送到后端,但我试图阻止它并在两者之间添加 ajax。
玉/哈巴狗
form#score-form(method="POST" action="/leaderboard")
input#submit-score(type="hidden" value="" name="submitscore")
//value is fetched from JS
Run Code Online (Sandbox Code Playgroud)
JS
scoreForm.submit();
scoreForm.addEventListener('submit', function(){
//Nothing here will be invoked
});
Run Code Online (Sandbox Code Playgroud)
但是,当使用提交按钮时,它按预期工作
form#score-form(method="POST" action="/leaderboard")
input#submit-score(type="hidden" value="" name="submitscore")
button(type="submit")
scoreForm.submit();
scoreForm.addEventListener('submit', function(){
console.log("works"); //logs works
});
Run Code Online (Sandbox Code Playgroud)
一切正常,除了 .submit() 似乎没有调用 onsubmit。是否有任何解决方法(最好使用 vanilla js),即使使用 .submit() 也可以向程序提示表单已提交?
谢谢