如何修改Unbounce表单脚本实现字符上限而非下限验证?
解决Unbounce姓名字段字符上限验证问题
以下是修改后的字符上限验证脚本(以设置50字符上限为例):
<script> window.ub.form.customValidators.charactermaxlimit = { isValid: function(value) { // 两种实现方式选其一即可 // 方式1:正则表达式验证 return /^.{0,50}$/.test(value); // 方式2:直接检查字符串长度(更直观) // return value.length <= 50; }, message: '最多输入50个字符', }; </script> <script> window.ub.form.validationRules.first_name.charactermaxlimit = true; </script>
关键修改点说明:
- 自定义验证器名称从
characterminlimit改为charactermaxlimit(命名更贴合功能,也可保留原名称但不建议) - isValid逻辑调整:
- 正则方式:
^.{0,50}$表示匹配长度在0到50之间的字符串(包含0和50) - 长度检查方式:直接通过
value.length <= 50判断,代码更易读
- 正则方式:
- 错误提示信息改为对应上限提示文本
- 最后绑定验证规则时,使用新的验证器名称
charactermaxlimit
若需调整上限数值,只需将代码中的50替换为你需要的字符数即可。
内容的提问来源于stack exchange,提问作者mac23
相关产品推荐
相关产品推荐

