为两个提交按钮指定 require-attribute

Question

我有两个提交按钮：

<form>
  <button type="submit" name="submit" value="save">save</button>
  <button type="submit" name="submit" value="delete">delete</button>
  
  <input name="text" placeholder="Text here" required/>
</form>

我想为保存按钮使用必需属性，但不想为删除按钮使用。

我该怎么做？

Answer 1

当您使用 onclick 侦听器单击 delete btn 以跳过表单验证时，您可以将 novalidate 属性添加到您的表单。

function skipValidate() {
  document.querySelector("#form").setAttribute("novalidate", true)
}

<form id="form">
  <button type="submit" name="submit" value="save">save</button>
  <button type="submit" name="submit" value="delete" onclick="skipValidate()">delete</button>
  
  <input name="text" placeholder="Text here" required/>
</form>

为两个提交按钮指定 require-attribute

Specify the require-attribute for two submit-buttons

html

javascript

forms

attributes

submit