文章标签

表单验证 – 第 4 部分：验证 MailChimp 订阅表单

在本系列的前几篇文章中，我们学习了如何使用一些输入类型和验证属性来原生验证表单。

我们学习了如何使用约束验证 API 来增强原生浏览器验证……

Chris Ferdinandi 发表于 2021 年 7 月 23 日

在本系列的上一篇文章中，我们使用 Validity State API 构建了一个轻量级脚本（6kb，2.7kb 压缩后），以增强原生表单验证体验。它适用于所有现代浏览器，并支持 IE 回溯到……

Chris Ferdinandi 发表于 2020 年 3 月 31 日

在我的上一篇文章中，我向您展示了如何通过结合语义输入类型（例如，<input type="email"/>）和验证属性（例如 required 和 pattern）来使用原生浏览器表单验证。

虽然非常简单且超级……

Chris Ferdinandi 发表于 2017 年 6 月 29 日

大多数 JavaScript 表单验证库都很大，并且通常需要其他库，例如 jQuery。例如，MailChimp 的嵌入式表单包含一个 140kb 的验证文件（压缩后）。它包含整个 jQuery 库、一个第三方表单验证插件和一些自定义 MailChimp……

Chris Ferdinandi 发表于 2017 年 6 月 29 日

这段简短的 Twitter 交谈一直萦绕在我的脑海中……

Chris Coyier 发表于 2017 年 5 月 4 日

Tim Paul 记录了一段关于表单用户体验的有趣旅程。它始于浏览器默认设置。目前尚不清楚为什么这不起作用。但有趣的是，包括巨型基于标签的彩色偏移框点击区域的更改并没有帮助。真正有帮助的是……

Chris Coyier 发表于 2016 年 12 月 3 日

我没有 UX 研究可以引用，但根据我的经验，我喜欢当需要特定格式数据的输入使用**输入掩码**时。我认为我只是为非常简单的参考列出了一些演示……

Chris Coyier 发表于 2016 年 11 月 30 日