如何使用必需属性验证HTML5文本框

前端之家收集整理的这篇文章主要介绍了如何使用必需属性验证HTML5文本框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的表单中有一个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>

猜你在找的HTML5相关文章