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

Question

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

<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="">

Answer 1

您可以使用下面的示例模式，在输入字段不相等之前不会发送表单＆＃39; text＆＃39;

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