在提交时抛出错误如何允许表单POST ?

How does throwing an error on submit allow the form to POST

本文关键字:何允许 表单 POST 错误 提交 出错      更新时间:2023-09-26

我有一个多步骤表单,它使用POST请求逐步将状态传递给每个控制器动作。

新建>预览>结帐>创建

预览和Checkout是POST请求,不影响数据库,所以表单重新提交是完全可以的。

我正在寻找:
1. 为了运行一些javascript验证,阻止默认提交
2. 验证后提交表单并允许浏览器来回

在监听提交事件时,我尝试了e.p preventdefault()和e.p submit(),但是,当使用浏览器按钮时,这不允许表单重新提交。

但是,如果抛出错误,则提交表单并允许使用浏览器的来回按钮。

如何在不抛出错误的情况下获得此功能?

$('#new_post').on("submit", function(e) {
    throw new Error();
    // this allows for form submission and back and forth button functionality
}

直接使用preventDefault()方法

<form name="form" onsubmit="validate();"> 
脚本

function validate()
{
  if (!validation) { // If the form is not correct
      event.preventDefault();
  } else {
      // Submit the form
  }
}
相关文章: