每个表单都有一些字段,对答案的字数有要求。一条只写着“帮助”的帮助信息毫无用处。一个允许输入10,000个字符的个人简介字段会让你的团队疲于应付。你需要控制访客可以输入的字数或字数限制。

自动表单生成器内置了文本、文本区域和电话号码字段的最小和最大长度验证功能。只需在拖放式表单生成器中设置限制,插件即可处理其余部分:浏览器级别的强制执行、实时错误消息以及每次提交时的服务器端验证。无需自定义代码,也无需付费插件。

最后更新: 最后更新日期:8月1日

为什么WordPress表单的字符限制很重要

如果没有长度验证,您的表单就容易收到低质量的提交内容和无法使用的数据。字符限制可以解决实际问题:

  • 避免只回答一个词 — 要求反馈或留言字段达到最低长度要求,以便用户提供可操作的信息。
  • 保持回复可控 — 限制文本区域字段大小,确保提交的内容保持在团队成员可读的范围内。
  • 匹配平台限制 — 强制执行与社交媒体个人简介、产品描述或内部角色政策相一致的限制。
  • 提高数据质量 — 将长度规则与模式验证(仅限字母、仅限数字、自定义正则表达式)相结合,以实现更严格的输入控制。
  • 减少垃圾邮件 — 如果设置了限制,就更容易屏蔽过短或过长的垃圾信息提交。

自动表单生成器在前端(用户提交之前)和服务器端(表单处理时)都应用了这些规则,因此禁用 JavaScript 无法绕过这些限制。

哪些字段支持字符数限制?

自动表单生成器中的以下字段类型支持字符长度验证:

文字输入

标准单行文本字段支持最小长度最大长度设置。启用密码字段模式时也适用此功能——该模式适用于需要特定长度密码的注册表单。

多行文本

多行文本区域字段支持相同的最小和最大长度选项。设置最小长度可要求提供详细答案(例如支持工单、项目简报、活动描述),设置最大长度可确保回复简洁明了。

电话

电话号码字段使用数字长度验证,而非字符总数验证。您可以设置所需的最小和最大数字位数(最多 20 位)。此功能与电话号码格式选项(例如美国、英国、国际和自定义格式)配合使用。

相关但不同:数字字段使用最小允许值最大允许值来表示数值范围(例如,年龄 18-99),而不是字符数。复选框字段则使用最小和最大选中次数。

如何设置最小和最大字符限制

在表单构建器中添加长度验证只需不到一分钟。

步骤 1:打开表单生成器

在 WordPress 管理后台,转到“自动表单生成器”→“所有表单”,然后单击要编辑的表单(或创建一个新表单)。

步骤 2:选择字段

点击要限制访问的文本框、文本区域或电话号码字段。字段设置面板将在编辑器右侧打开。

步骤 3:设置最小长度

在“文本字段选项”“文本区域字段选项”“电话字段选项”下,找到“最小长度”输入。

  • 对于文本和文本区域字段:输入最小数量 字符 必须
  • 电话号码字段:输入最少的电话号码 数字 必须

如果没有最低要求,请留空。

步骤 4:设置最大长度

在旁边的“最大长度”字段中,输入上限值。对于文本和文本区域字段,浏览器会阻止用户输入超过最大长度限制的内容。对于电话号码字段,此限制仅适用于数字。

留空表示无上限。

第 5 步:保存并预览

保存表单并使用内置预览(桌面、平板电脑和移动设备视图)测试限制。尝试提交字符数过少、字符数过多以及长度符合要求的表单,以确认验证消息能够正确显示。

前端验证的工作原理

自动表单生成器会在多个层级验证字符限制,以便访客能够立即获得反馈:

浏览器级强制执行

文本和电话号码字段输出标准 HTML minlengthmaxlength 属性。文本区域字段输出 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-b​​uilder/

最后更新: 最后更新日期:8月1日

免费创建可嵌入任何位置的表单

自动表单生成器允许您在 WordPress 中创建多步骤表单、计算器和潜在客户捕获表单,然后只需一行代码即可将其嵌入到任何网站中。

安装免费插件

常見問題解答

如何设置表单字段的最小字符数限制?

在自动表单生成器编辑器中打开表单,点击文本、文本区域或电话号码字段,然后在字段选项面板下的“最小长度”字段中输入一个值。保存表单。提交的表单如果长度小于此限制,将被拒绝并显示错误消息。

如何设置文本区域的最大字符数限制?

在表单构建器中选择文本区域,并在“最大长度”字段中输入一个数字。浏览器会阻止用户输入超过该限制的内容,服务器会在提交时再次验证长度。

自动表单生成器中哪些字段类型支持字符限制?

文本输入框、文本区域和电话输入框支持最小和最大长度验证。数字输入框使用数值最小值/最大值。复选框输入框使用最小和最大选中计数。

服务器端是否强制执行字符限制验证?

是的。自动表单生成器会在每次表单提交时,在前端(HTML 属性和 JavaScript)和服务器端都验证字符长度。禁用浏览器中的 JavaScript 无法绕过这些限制。

我可以将字符限制与正则表达式模式验证结合起来吗?

是的。在文本字段中,除了验证下拉菜单(电子邮件、URL、仅限字母、仅限数字、字母和数字或自定义模式)之外,还需要设置最小长度和最大长度。只有同时满足这两条规则,提交才能成功。

嵌入式表单的字符限制是否有效?

是的。使用 Auto Form Builder 的嵌入代码嵌入到外部网站上的表单,与放置在 WordPress 网站上的表单一样,都使用相同的长度验证、错误消息和服务器端检查。

当用户输入的字符数超过限制时,会看到什么错误信息?

在前端,用户会看到类似“请输入至少 X 个字符”或“请输入不超过 X 个字符”的消息。在服务器端,如果验证失败,则会返回类似“必须至少为 X 个字符”和“不得超过 X 个字符”的本地化消息。

最小和最大长度验证是免费的吗?

是的。WordPress.org 上提供的免费 Auto Form Builder 插件已包含字符限制验证功能。无需订阅或升级到高级版。


发表评论

您的电子邮件地址不会被公开。带*号的为必填项。