如何使用HTML5进行多输入验证？

Question

HTML5使用正则表达式提供JavaScript验证的替代方法。 但是我想在单个输入字段上添加多个验证，并根据它显示消息。

例如。

<input type=passowrd name=passowrd/>

此处密码字段应包含以下验证和消息。

Answer 1

我担心单靠HTML无法做到（不，甚至不是HTML5）。

您必须使用JavaScript来完成任务。

Answer 2

约束验证仅针对每个输入字段的一条错误消息而设计。解决这个问题的方法是连接验证消息。

password.setCustomValidity(password.validationMessage + ' At least one capital letter');

缺点是您无法附加html，因此所有消息都将内联。