Layui 的 lay-verify 不支持直接写正则表达式，必须通过 form.verify() 注册自定义函数，在函数内用正则显式校验并处理空值、换行及中文标点兼容；富文本和表格编辑需分别调用 layedit.sync() 和 table.on('edit') 拦截验证。

textarea 的 lay-verify 不能直接写正则表达式

因为 lay-verify 属性只接受内置规则名（如 required、email）或你注册过的自定义函数名，不支持直接写 /^[\u4e00-\u9fa5a-zA-Z0-9]{1,200}$/ 这类正则字面量——Layui 会把它当普通字符串处理，.test() 根本不会执行。

常见错误是复制网上代码，在 HTML 里这么写：
<div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/code/7535" title="深蓝色网站后台管理系统layui框架模板-AdminPro"><img src="https://img.php.cn/upload/webcode/000/287/557/6340dac18f876183.png" alt="深蓝色网站后台管理系统layui框架模板-AdminPro" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'"></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/code/7535" title="深蓝色网站后台管理系统layui框架模板-AdminPro" class="overflowclass">深蓝色网站后台管理系统layui框架模板-AdminPro</a> <p class="overflowclass">一款深蓝色网站后台管理系统layui框架模板</p> </div> <a rel="nofollow" href="/xiazai/code/7535" title="深蓝色网站后台管理系统layui框架模板-AdminPro" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> <ul> <li> <code>\u3000-\u303f</code>：中文全角空格、顿号、逗号、句号等基本标点</li> <li> <code>\uff00-\uffef</code>：全角 ASCII 字符（如ＡＢＣ、１２３）</li> <li> <code>\u2018-\u201d</code>：中文左右单双引号（‘’“”），避免用户输了引号却被拦</li> <li>结尾用 <code>*</code>（非 <code>+</code>），允许空内容（配合 <code>required</code> 单独控制必填）</li> <li>如果业务明确禁止换行，去掉 <code>\n\r\t</code>；若需限制总长度，校验后额外加 <code>value.length </code> </li> </ul> <h3>富文本编辑器里的 textarea 怎么同步验证</h3> <p>Layui 的 <code>layedit</code> 是独立渲染层，用户输入内容不在 <code>textarea</code> DOM 值里，直接对 <code>textarea.value</code> 正则校验永远为空。</p> <ul> <li>必须在自定义验证函数里第一行调用 <code>layedit.sync(index)</code> 同步内容，<code>index</code> 是 <code>layedit.build()</code> 返回的数字 ID</li> <li>同步后才能取到真实值：<code>const content = $('#myEditor').val();</code> </li> <li>再对 <code>content</code> 执行正则：<code>if (!/^[\u4e00-\u9fa5]{10,}/.test(content)) return '正文至少10个汉字';</code> </li> <li>不要在 <code>lay-verify</code> 里写 <code>required</code> + 自定义规则组合（如 <code>required|content</code>），因为 <code>required</code> 检查的是原始 <code>textarea</code> 值（仍为空），会提前报错</li> <li>推荐只写 <code>lay-verify=" content>，把非空和格式校验全收进函数里 <h3>表格单元格内编辑的 textarea 如何验证</h3> <p>表格的 <code>edit: "textarea"</code> 是 Layui 封装的快捷方式，它生成的 input 不暴露原生事件，<code>lay-verify</code> 绑定无效，必须走 <code>table.on('edit()')</code> 事件拦截。</p> <ul> <li>在 <code>table.on('edit(test)', function(obj){...})</code> 回调里，第一行写 <code>e.preventDefault()</code> </li> <li>用 <code>e.value</code> 获取新输入值（注意不是 <code>e.data.field</code>，那是旧值）</li> <li>执行正则：<code>if (!/^[\u4e00-\u9fa5a-zA-Z0-9\u3000-\u303f]*$/.test(e.value.trim())) { ... }</code> </li> <li>校验失败时，手动恢复单元格显示：<code>e.tr.find(`td[data-field="${e.field}"]`).html(e.oldValue)</code> </li> <li>验证通过后，必须调用 <code>table.updateCell(e.id, e.field, e.value.trim())</code>，否则数据源不同步</li> </ul> <p>多字段共用一套规则？别重复写，用对象映射：<code>const rules = { remark: /[\u4e00-\u9fa5a-zA-Z0-9\u3000-\u303f]*/, desc: /^.{1,200}$/ };</code>，然后 <code>if (!rules[e.field].test(e.value)) ...</code>。</p></code> </li> </ul>