如何一次显示HTML5验证的所有错误?

时间:2013-03-22 11:35:28

标签: html5 html5-validation

当我们使用HTML5验证验证表单时,它只显示一个错误,尽管表单上可能存在更多错误。因此,用户只会修复一个错误并再次提交表单以了解还有其他错误。这可能会令用户感到沮丧并且用户体验非常糟糕。我们如何一次看到所有验证错误?

TJ VanToll编写了一些JavaScript,它获取表单的所有验证错误并显示在表单的顶部。但我希望以默认的HTML5方式显示表单旁边的所有错误。

1 个答案:

答案 0 :(得分:0)

在html中使用pattern attribute来验证您的表单。

<input type="" pattern="" />