如何通过使用按钮2绕过required属性提交表单
就像我有按钮2和按钮1
我想通过单击按钮2提交表单并绕过必需属性
并且两个按钮都必须具有type=submit
null
<form method="POST">
<input name="try" required>
<button type="submit">button 1</button>
<button type="submit">button 2</button>
</form>null
使用一些简单的Javascript应该允许您使用按钮2，但忽略分配给文本字段的required属性。
null
document.querySelectorAll('button')[1].addEventListener('click',function(e){
e.preventDefault();
this.parentNode.try.required=false;
this.parentNode.submit();
})<h2>submit test</h2>
<form method="POST">
<input type="text" name="try" required />
<button type="submit">button 1</button>
<button type="submit">button 2</button>
</form>
您可以使用FormNovalidate
null
<form method="POST">
<input name="try" required>
<button type="submit">button 1</button>
<button type="submit" formnovalidate>button 2</button>
</form>
试试看
<form method="POST">
<input name="try" required>
<button type="submit">button 1</button>
<button type="submit" value="ignore" >button 2</button>
</form>
