导读:建站文章建站文章本文介绍了layui验证表单标签的方法，希望对大家有所帮助。layui">

本如何seo优化推广网站文介绍了layui验证表单标签的方法，希望对大家有所帮助。

layui表单元素的验证只需在元素上添加lay-verify，layui提供以下值。

required（必填项） phone（手机号） seo网站排名优化软件email（邮箱） url（网址） number（数字） date（日期） identity（身份证） 自定义值

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

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

示例：

<div class="layui-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网站优化软件。

关键词标签: 建站 标签 表单