我陷入困境,试图使用提交函数( formElement.submit() )提交我的表单。
好吧,实际上它确实将表单输入值发送到后端,但我试图阻止它并在两者之间添加 ajax。
Jade/pug
form#score-form(method="POST" action="/leaderboard")
input#submit-score(type="hidden" value="" name="submitscore")
//value is fetched from JS
JS
scoreForm.submit();
scoreForm.addEventListener('submit', function(){
//Nothing here will be invoked
});
但是,当使用提交按钮时,它会按预期工作
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
});
除了 .submit() 似乎没有调用 onsubmit 之外,一切都工作正常。是否有任何解决方法(最好使用 vanilla js),即使使用 .submit() 也可以给程序提示表单已提交?
Thanks
您需要在实际提交之前添加监听器:
scoreForm.addEventListener('submit', function(){
console.log("works"); //logs works
});
scoreForm.submit();
否则,该事件将在您设置侦听器之前触发
Edit:看来我误读了你所问的内容。您正在寻找的答案是submit()
不会解雇听众。您可以通过以编程方式单击按钮来模拟它click()
. 这里有一个很好的 http://codetheory.in/javascript-fire-onsubmit-by-calling-form-submit/对这种行为的解释。尝试:
scoreForm.querySelector('input[type="submit"]').click()
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)