将字段设置为无效状态，以便表单无法使用 HTML5 提交？答案

【问题标题】：Set a field to invalid state so form cannot submit using HTML5?将字段设置为无效状态，以便表单无法使用 HTML5 提交？
【发布时间】：2014-12-30 13:30:30
【问题描述】：

在使用 HTML5 的字段中，我可以设置 required 属性，除非它被填写，否则它不会提交表单。

<input id="first_name" name="user[first_name]" required type="text" value="">

是否有我可以添加到输入元素的属性来阻止表单提交，即使它里面有东西？

类似：

<input id="first_name" name="user[first_name]" required invalid="true" type="text" value="">

【问题讨论】：

【解决方案1】：

您可以使用下面的示例模式，在输入字段不等于“文本”之前不会发送表单

<input id="first_name" type="text" name="user[first_name]" required pattern="^((?!text).)*$" value="text">

【讨论】：