字符限制:最小和最大长度验证
每个表单都有一些字段,对答案的字数有要求。一条只写着“帮助”的帮助信息毫无用处。一个允许输入10,000个字符的个人简介字段会让你的团队疲于应付。你需要控制访客可以输入的字数或字数限制。
自动表单生成器内置了文本、文本区域和电话号码字段的最小和最大长度验证功能。只需在拖放式表单生成器中设置限制,插件即可处理其余部分:浏览器级别的强制执行、实时错误消息以及每次提交时的服务器端验证。无需自定义代码,也无需付费插件。
最后更新: 最后更新日期:8月1日
为什么WordPress表单的字符限制很重要
如果没有长度验证,您的表单就容易收到低质量的提交内容和无法使用的数据。字符限制可以解决实际问题:
- 避免只回答一个词 — 要求反馈或留言字段达到最低长度要求,以便用户提供可操作的信息。
- 保持回复可控 — 限制文本区域字段大小,确保提交的内容保持在团队成员可读的范围内。
- 匹配平台限制 — 强制执行与社交媒体个人简介、产品描述或内部角色政策相一致的限制。
- 提高数据质量 — 将长度规则与模式验证(仅限字母、仅限数字、自定义正则表达式)相结合,以实现更严格的输入控制。
- 减少垃圾邮件 — 如果设置了限制,就更容易屏蔽过短或过长的垃圾信息提交。
自动表单生成器在前端(用户提交之前)和服务器端(表单处理时)都应用了这些规则,因此禁用 JavaScript 无法绕过这些限制。
哪些字段支持字符数限制?
自动表单生成器中的以下字段类型支持字符长度验证:
文字输入
标准单行文本字段支持最小长度和最大长度设置。启用密码字段模式时也适用此功能——该模式适用于需要特定长度密码的注册表单。
多行文本
多行文本区域字段支持相同的最小和最大长度选项。设置最小长度可要求提供详细答案(例如支持工单、项目简报、活动描述),设置最大长度可确保回复简洁明了。
电话
电话号码字段使用数字长度验证,而非字符总数验证。您可以设置所需的最小和最大数字位数(最多 20 位)。此功能与电话号码格式选项(例如美国、英国、国际和自定义格式)配合使用。
相关但不同:数字字段使用最小允许值和最大允许值来表示数值范围(例如,年龄 18-99),而不是字符数。复选框字段则使用最小和最大选中次数。
如何设置最小和最大字符限制
在表单构建器中添加长度验证只需不到一分钟。
步骤 1:打开表单生成器
在 WordPress 管理后台,转到“自动表单生成器”→“所有表单”,然后单击要编辑的表单(或创建一个新表单)。
步骤 2:选择字段
点击要限制访问的文本框、文本区域或电话号码字段。字段设置面板将在编辑器右侧打开。
步骤 3:设置最小长度
在“文本字段选项”、“文本区域字段选项”或“电话字段选项”下,找到“最小长度”输入。
- 对于文本和文本区域字段:输入最小数量 字符 必须
- 电话号码字段:输入最少的电话号码 数字 必须
如果没有最低要求,请留空。
步骤 4:设置最大长度
在旁边的“最大长度”字段中,输入上限值。对于文本和文本区域字段,浏览器会阻止用户输入超过最大长度限制的内容。对于电话号码字段,此限制仅适用于数字。
留空表示无上限。
第 5 步:保存并预览
保存表单并使用内置预览(桌面、平板电脑和移动设备视图)测试限制。尝试提交字符数过少、字符数过多以及长度符合要求的表单,以确认验证消息能够正确显示。
前端验证的工作原理
自动表单生成器会在多个层级验证字符限制,以便访客能够立即获得反馈:
浏览器级强制执行
文本和电话号码字段输出标准 HTML minlength 和 maxlength 属性。文本区域字段输出 maxlength 用于设置上限。现代浏览器使用这些限制来阻止超过最大值的输入,并在提交时标记低于最小值的字段。
实时 JavaScript 验证
插件的前端验证处理程序会在用户离开输入框(失去焦点)以及提交表单时检查长度限制。如果输入内容过短或过长,则会在输入框下方显示清晰的错误信息,例如:
- 请输入至少10个字符
- 请输入不超过500个字符。
提交时进行服务器端验证
所有提交的内容在保存前都会在服务器上再次进行验证。如果有人绕过了浏览器检查,服务器会拒绝该条目并返回类似这样的本地化错误消息:
- “至少需要10个字符。”
- “字数不得超过500个字符。”
这种双层方法可以确保您的数据干净,无论表单是通过 WordPress 站点访问,还是通过外部网站上的嵌入式表单访问。
将长度限制与其他验证规则结合使用
字符限制与其他验证选项在同一字段设置面板中协同工作。将它们叠加使用可以实现更精细的控制:
模式验证
在文本字段中,使用“验证”下拉菜单来限制格式——电子邮件、URL、仅限字母、仅限数字、字母和数字,或自定义模式(正则表达式)。长度限制会叠加在模式之上,例如,一个字段可以要求输入 5 到 20 个字母数字字符。
修剪空白
启用文本字段的“去除空格”功能,即可在验证并提交值之前去除文本字段的前导和尾随空格。这样可以防止用户通过输入空格来达到最小文本长度要求。
必填字段
在基本字段设置中将该字段标记为必填项,以便在运行长度检查之前阻止空提交。
条件逻辑
使用自动表单生成器的免费条件逻辑,根据其他用户的回答显示或隐藏长度限制字段。例如,仅当用户从下拉列表中选择“其他”时,才显示详细信息文本区域(至少 50 个字符)。
实际案例和推荐限值
联系表格留言
- 字段类型: 多行文本
- 最小长度: 20字符
- 最大长度: 2,000字符
- 为什么: 确保访客发送真实信息,而不会让您的收件箱不堪重负。
产品评价或用户证言
- 字段类型: 多行文本
- 最小长度: 50字符
- 最大长度: 500字符
- 为什么: 鼓励读者撰写深思熟虑的评论,同时保持评论的展示状态。
密码或访问码字段
- 字段类型: 文本(已启用密码字段)
- 最小长度: 8字符
- 最大长度: 64字符
- 为什么: 对自定义注册或访问表单强制执行合理的密码长度。
电话号码
- 字段类型: 电话(美国格式)
- 最小长度: 10位数
- 最大长度: 10位数
- 为什么: 匹配标准美国电话号码长度,并根据用户输入自动格式化
简答或主题行
- 字段类型: 文本
- 最小长度: 3字符
- 最大长度: 100字符
- 为什么: 屏蔽空标题或单字符标题,同时保持标题简洁
嵌入式表单的字符限制
嵌入到非 WordPress 网站(包括 WP Bakery、Brizy、Elementor 页面或任何外部网站)的表单都使用相同的长度验证。无论表单是通过 WordPress 网站上的短代码显示,还是通过从“表单”屏幕复制的嵌入代码显示,HTML 属性、JavaScript 检查和服务器端规则都完全相同。
无论您将表单放置在何处,您的字符限制、错误消息和样式都会随表单一起转移。
字符限制与数字范围验证
这两个特征很容易混淆。它们的区别如下:
- 字符限制 (文本、文本框、电话号码)——控制用户输入的字符或数字数量。可通过字段选项中的“最小长度”和“最大长度”进行设置。
- 数值范围验证 (数字字段)— 控制数值本身。可通过“允许的最小值”和“允许的最大值”进行设置。例如,最小值为 1、最大值为 100 的数字字段,无论其包含多少位数字,都接受“50”(范围内的值)。
- 选择范围 (复选框字段)——控制用户可以勾选的选项数量。可通过设置最小和最大选择数量来控制。
选择与您实际需要限制的内容相匹配的字段类型和验证方式。
下载自动表单生成器 — 免费字符限制验证
免费插件中包含最小和最大长度验证功能——该插件还免费提供条件逻辑、表单分析、垃圾邮件防护、提交管理、Webhook 和完整的视觉自定义功能。
请从 WordPress.org 官方目录安装:https://wordpress.org/plugins/auto-form-builder/
最后更新: 最后更新日期:8月1日
常見問題解答
如何设置表单字段的最小字符数限制?
在自动表单生成器编辑器中打开表单,点击文本、文本区域或电话号码字段,然后在字段选项面板下的“最小长度”字段中输入一个值。保存表单。提交的表单如果长度小于此限制,将被拒绝并显示错误消息。
如何设置文本区域的最大字符数限制?
在表单构建器中选择文本区域,并在“最大长度”字段中输入一个数字。浏览器会阻止用户输入超过该限制的内容,服务器会在提交时再次验证长度。
自动表单生成器中哪些字段类型支持字符限制?
文本输入框、文本区域和电话输入框支持最小和最大长度验证。数字输入框使用数值最小值/最大值。复选框输入框使用最小和最大选中计数。
服务器端是否强制执行字符限制验证?
是的。自动表单生成器会在每次表单提交时,在前端(HTML 属性和 JavaScript)和服务器端都验证字符长度。禁用浏览器中的 JavaScript 无法绕过这些限制。
我可以将字符限制与正则表达式模式验证结合起来吗?
是的。在文本字段中,除了验证下拉菜单(电子邮件、URL、仅限字母、仅限数字、字母和数字或自定义模式)之外,还需要设置最小长度和最大长度。只有同时满足这两条规则,提交才能成功。
嵌入式表单的字符限制是否有效?
是的。使用 Auto Form Builder 的嵌入代码嵌入到外部网站上的表单,与放置在 WordPress 网站上的表单一样,都使用相同的长度验证、错误消息和服务器端检查。
当用户输入的字符数超过限制时,会看到什么错误信息?
在前端,用户会看到类似“请输入至少 X 个字符”或“请输入不超过 X 个字符”的消息。在服务器端,如果验证失败,则会返回类似“必须至少为 X 个字符”和“不得超过 X 个字符”的本地化消息。
最小和最大长度验证是免费的吗?
是的。WordPress.org 上提供的免费 Auto Form Builder 插件已包含字符限制验证功能。无需订阅或升级到高级版。