如何为input提交按钮的onclick事件绑定JS函数实现表单提交后弹窗

现有代码存在的问题 #

• 事件绑定语法错误：onclick属性的值需要为可执行的JavaScript表达式，当前仅填写了函数名formSuc未加调用括号，点击按钮时不会触发函数执行。
• 内置API拼写错误：JavaScript没有alarm()这一弹出提示的方法，正确的方法名为alert()。
• 可选注意项：type="submit"的按钮点击后会默认触发表单提交、跳转页面，若需要停留页面查看提示，需额外阻止默认事件行为。

修复后的可用代码 #

基础修复版本（点击按钮弹提示） #

<div class="col-md-12">
  <input onclick="formSuc()" type="submit" class="btn btn-box" value="ABSENDEN">
</div>

<script>
function formSuc(){
  alert("test");
  // 若需要阻止表单默认提交跳转，可取消注释下一行
  // event.preventDefault();
}
</script>

更规范的表单提交后触发版本 #

如果需要表单校验通过、提交时才触发提示，建议绑定表单的submit事件而非按钮的点击事件：

<form action="/你的提交地址" onsubmit="formSuc()">
  <!-- 此处放置表单其他输入项 -->
  <div class="col-md-12">
    <input type="submit" class="btn btn-box" value="ABSENDEN">
  </div>
</form>

<script>
function formSuc(){
  alert("表单提交成功");
}
</script>

内容的提问来源于stack exchange，提问作者xadrus1799