Question

<input type="text" name="username" maxlength="20" pattern="^[a-zA-Z0-9]+[_\.\-]?[a-zA-Z0-9]+" title="Please enter only alphabets or numbers or one of the special characters period(.), underscore(_), hyphen(-) and make sure it starts and ends with an alphabet or a number" required>

此验证消息显示的时间很短，因为该消息很长，所以应该停留很长时间，但是几秒钟后消失。

如何管理工期？

Answer 1

您必须具有导致这种行为的代码，因为默认情况下，HTML 5表单验证仅向输入字段添加:valid或:invalid CSS伪类。

您可以添加自定义CSS样式，以向用户反映此状态，如下所示：

input:invalid {
  border: 2px dashed red;
}

input:valid {
  border: 2px solid black;
}

您可以在此处阅读有关客户端输入验证的更多信息：
https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation

更改html输入验证消息的持续时间

1 个答案: