导读:cms教程cms教程思路：只需在表单元素上添加lay-verify即可完成表单元素的验证。">

思路：

只需在表单元素上添加lay-verify即可完成表单元素的验证。

layui提供以下值：

required（必填项） phone（手机号） email（邮箱） url（网址） number（数字） date（日期） identity（身份证） 自定义值

支持多条规则的验证，格式：lay-verify=“验证A|验证B”如：lay-verify=“required|phone|number”

此外，除了我们内置的验证规则网站建设多少钱外，您还可以为他设置任何值，如lay-verify=“pass所以你需要使用form.verify()方法定义了pass的校验规则

示例：

<div class="layui-seo网站排名优化软件form-item"> <label for="" class="layui-form-label">请输入邮件</label> <div class="layui-input-block"> <input type="text" placeholder="请输入邮件" lay-verify="email" class="layui-input"> </div> </div>

填写非法邮件时，点击提交会有笑脸图标提示，非常棒！

自定义验证：

form.verify({ username: function(value, item){ //value：表单的值、item：DOM对象表单 if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5s·]+$").test(value)){ return '用户名不能有特殊字符#39;; } if(__).test(value)){ return '用户名头尾不能出现下划线\#39;_\''; } if(/^\d+\d+\d$/.test(value)){ return '用户名不能全部是数字'; } } //我们支持上述函数式，也支持以下数组的形式 //数组的两个值分别代表：[正则匹配和匹配不一致时的提示] ,pass: [ /^[\S]{6,12}$/ ,'密码必须是6到12位，不能有空格' ] });

当您定制上述类似的验证规则时，您只需将key赋值给输入框 lay-verify 属性即可：

<input type="text" lay-verify="username" placeholder="请输入用户名"> <input type="password" lay-verify="pass" placeholder="请输入密码">

layui框架

以上是如何验证layui表单元素的详细内容。请关注861模板网的个业网站建设公司其他相关文章！

相关网站seo优化课程seo网站优化软件。

关键词标签: 元素 表单 cms教程