Layui layui-verify使用注意

最新推荐文章于 2026-06-16 09:54:19 发布

原创最新推荐文章于 2026-06-16 09:54:19 发布 · 564 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#layui #javascript

收录于

前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用layui框架进行表单input元素的必填项及数字格式验证，包括HTML结构设置与JS自定义验证规则。

// HTML
<input type="text" class="layui-input" name="number" id="number"
 lay-verify="required|number" placeholder="请输入" autocomplete="off"/>

// JS 自定义验证 例如：
form.verify({
  number: [/^[0-9]*$/, '只能输入数字'],
  // 或者：
  // number: function(value){...},
});

注意事项：以上验证了 form 表单 input 必填项和填入数据的格式，其中 HTML 中的 id 必须唯一，其他提交的 form 表单中的 id 不能同该 id 相同，否则会提示验证信息。