如何不验证具有所需属性的HTML 5文本框?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (22)

我的表单中有一个HTML文本框(用于数量)和两个HTML按钮(添加,取消)。

<form>
    <input type="number" min="1" max="100" required />
    <button type="button">Add</button>
    <button type="button">Cancel</button>
</form>

我不希望我的第二个按钮(取消)在单击时验证表单。

这可能吗?在ASP.NET中,我可以使用CausesValidation =“false”来不触发验证。

提问于
用户回答回答于

尝试这个;

<button type="button" formnovalidate>Cancel</button>

我改变了你的代码:你想要的是你的表单不应该被点击取消验证,所以这就是为什么我将formnovalidate添加到按钮取消。

<form>
    <input type="number" min="1" max="100" required />
    <input type="submit">Add</input>
    <input type="submit" formnovalidate>Cancel</input>
</form>
用户回答回答于

可以在Cancel按钮上使用FornoValidate-选项,如下所示:

<input name="cancel" type="submit" value="Cancel" formnovalidate/>

扫码关注云+社区