" />
最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
要源码
当前位置:主页 > 网站建设 > 如何验证layui表单元素cms教程

如何验证layui表单元素cms教程

时间:2023-05-27 11:05:27 阅读: 文章分类: 网站建设 作者: 网络小编

导读:cms教程cms教程思路:只需在表单元素上添加lay-verify即可完成表单元素的验证。">网站seo优化课程seo网站优化软件

思路:

只需在表单元素上添加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教程

声明: 本文由我的SEOUC技术文章主页发布于:2023-05-27 ,文章如何验证layui表单元素cms教程主要讲述表单,元素,cms教程网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_11093.html

我的IDC 网站建设技术SEOUC.COM
专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章