Sf 1190000037538101 Html Input Attribute Type Pattern Min Max Minlength Maxlengt SegmentFault交互示例：Sf 1190000037538101 Html Input Attribute Type Pattern Min Max Minlength Maxlengt。 博客配套 SegmentFault ← Demo 归档

Sf 1190000037538101 Html Input Attribute Type Pattern Min Max Minlength Maxlengt

SegmentFault交互示例：Sf 1190000037538101 Html Input Attribute Type Pattern Min Max Minlength Maxlengt。

更新于 2020-10-21

Web SegmentFault 博客配套 legacy SegmentFault 博客配套

新窗口打开 原路径 /static/html/sf-1190000037538101-html-input-attribute-type-pattern-min-max-minlength-maxlength.html

简介

系统演示 HTML input 约束属性：type、pattern、min / max、minlength / maxlength 等与浏览器原生校验。

如何测试验证

1. 分别切换不同 type，输入合法 / 非法值。
2. 提交表单，观察原生提示文案。
3. 用 setCustomValidity 自定义错误信息（若页面支持）。
4. 对照 ValidityState 各字段。

相关规范与文档

• MDN:
• MDN: pattern
• MDN: Constraint validation
• HTML Standard