layui验证规则 lay-verify

2024-11-03 前端开发跟版网

例子： input type="text" id='mobile' name="mobile" value="{$list.mobile}" lay-verify="required|phone|number"; class="form-control" lay-verify：关键字关键字（支持多条规则的验证）required (必填项)phone（手机号）email（邮箱）url（网址）number

例子：

<input type="text" id='mobile' name="mobile" value="{$list.mobile}" lay-verify="required|phone|number"; class="form-control">

lay-verify：关键字

关键字（支持多条规则的验证）
required (必填项)
phone（手机号）
email（邮箱）
url（网址）
number（数字）
date（日期）
identity(身份证)

自定义验证规则

form.verify({
    pass: [/(.+){6,12}$/, '密码必须6到12位'],
    repass: function (value) {
        if ($('#pass').val() != $('#L_repass').val()) {
            return '两次密码不一致';
        }
    }
});

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！

layui 表单验证

上一篇：layui使用tree组件实现树形下拉菜单下一篇：layui中tab切换怎么实现？

相关文档推荐

layui中tab切换怎么实现？

layui中tab的切换，可使用element.tabChange(filter, layid);用于外部切换到指定的Tab项上，如：element.tabChange(demo, layid); //切换到 lay-id=yyy 的这一项下例所示 element.tabChange(demo, 22); //切换到：用户管理具体代码如下： div class="layui-

layui使用tree组件实现树形下拉菜单

layui使用tree组件实现树形下拉菜单，下面是具体代码： html代码： link rel="stylesheet" href="~/layui/css/layui.css" media="all" @*link rel="stylesheet" type="text/css" href="~/layui/font/"*@ style type="text/css" .treeSelect .layui-select-tit

改造layui tree组件支持树的关键字搜索操作

layui的tree控件没有搜索功能，在这里我们需要这个功能，要怎么操作呢？ 1、html部分代码如下： div class="layui-col-xs2 layui-panel"divinput type="text" id="zf_keyword" placeholder="按关键词搜索"class="layui-input"/divdiv class="layui-tab-item l

利用Layui实现可编辑的表格功能

利用Layui实现可编辑的表格功能，Layui是一套经典而简洁的前端UI框架，具有丰富的组件和强大的功能。在使用Layui开发过程中，我们可能会遇到需要实现可编辑的表格功能的需求。本文将介绍如何利用Layui的table组件和form表单组件，实现可编辑的表格功能，并提

使用layui弹出层layer.open弹出需要的表单

使用layui弹出层layer.open弹出需要的表单，弹出层表单很常见,也很实用,无论是在pc端网页还是在移动端。现在用layui来实现一下这个表单吧. 1、html部分，也就是要弹出的内容： form class="layui-form" id="test" style="display:none" div class="layui-form

layui打印表格自定义函数

最终实现打印效果如下：具体函数如下： function print (tablelayid){ var v = document.createElement("div"); var f = ["head", "style", "body{font-size: 12px; color: #666;}", "table{width: 100%; border-collapse: collapse; border-spacing: 0;}",

栏目导航

html教程 css教程前端开发 cms教程 seo优化网页设计服务器数据库平面设计电脑教程编程教程互联网移动开发 php编程 java编程建站技巧 Python编程