Question

我想通过html5验证验证输入值不等于默认值，是否可能？

 <input type="text" name="First Name" value="First Name" id="FirstName"
 required=""  title="First Name is Required!" >

当用户点击提交按钮时，如果输入字段具有值=名字然后显示错误。

我不想使用占位符=“名字”。

有没有办法使用模式属性进行验证，喜欢pattern =“！First Name”＆lt; -Stupid logic：）

Answer 1

您可以在下面尝试使用Javascript：

<form>
  <input type="text" name="First Name" value="First Name" id="FirstName" required="" title="First Name is Required!">
  <input type="submit" value="Submit" onclick="if (document.getElementById('FirstName').value == 'First Name') return false;">
</form>

Answer 2

添加模式应该有效。

<input type="text" name="First Name" value="First Name" id="FirstName"
 required=""  title="First Name is Required!" pattern="^((?!First Name).)*$">

如果您的值包含字符串＆＃34; First Name＆＃34;。

，则会抛出错误

Answer 3

有一个更好的解决方案：使用placeholder属性而不是value属性...但不要将其用作标签的替代品（请参阅MDN页面{ {1}}）。

input

这意味着您不需要任何逻辑来检查默认值是否已被填充。

Html5验证输入值不等于默认值

3 个答案: