小编Kaz*_*omo的帖子

在没有提交按钮的情况下触发提交

我被卡住了,试图使用提交函数( 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() 也可以向程序提示表单已提交?

谢谢

javascript forms validation submit onsubmit

2
推荐指数
1
解决办法
2568
查看次数

标签 统计

forms ×1

javascript ×1

onsubmit ×1

submit ×1

validation ×1