html5属性模式有问题吗？

以下输入字段工作不正常

<input id="textinput" oninvalid="setCustomValidity('Die Eingabe ist zu kurz')" pattern=".{5}" maxlength="255" required="" name="input[1164]" type="text" class="form-control input-md " value="">

什么在起作用？

输入适当数量的字符并提交

什么不起作用？

e、 g.输入错误的金额，点击提交。显示预期的错误消息后，我无法达到正确的字符数或正确填写输入（如果不取决于字符数）

我使用了哪些浏览器来验证此错误？

Chrome和Firefox都是最新的稳定版本

想看现场直播吗？

答案已存在：）

如果将字段设置为

setcustomvalidity

，则字段无效。。。并保持无效状态。您需要使用

oninput=“setCustomValidity（“”）”

强制将行为恢复到其原始行为，如下所示：

<form>
  <input id="textinput" 
    oninvalid="setCustomValidity('Die Eingabe ist zu kurz')" 
    oninput="setCustomValidity('')" required="required" pattern=".{5}" 
    maxlength="255" name="input[1164]" type="text" class="form-control input-md " 
    value="">
  <input type="submit">
</form>

此外：

• 我建议使用

  required=“required”

  而不是

  required=“

• 注意：Internet Explorer 9和Safari都不支持此属性

  ---

我个人建议

required

不带任何值-毕竟它是一个布尔属性，所以它的存在就足够了；）可能重复的