layUI表单验证不生效的问题

简介: layUI表单验证不生效的问题

layui中使用lay-verify进行表单项的校验,但是点击提交按钮无效,校验要满足两个条件

  1. form标签需要添加 class="layui-form"
  2. 提交按钮需要添加 lay-submit=""
<form class="layui-form" action="">
    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
</form>
<div class="layui-form" >
    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
</div>

注意:这个提交按钮要写在from里面。

<button class="layui-btn" lay-submit lay-filter="*">立即提交</button>


相关文章
|
7月前
|
移动开发 JavaScript 小程序
uView Form 表单
uView Form 表单
170 1
|
7月前
|
人工智能 前端开发 物联网
ElementUI之CUD+表单验证
ElementUI之CUD+表单验证
50 0
|
前端开发 JavaScript 开发者
layui01
layui01
58 0
|
前端开发 关系型数据库 API
关于一篇ElementUI之CUD+表单验证
关于一篇ElementUI之CUD+表单验证
60 0
|
开发框架 前端开发 JavaScript
LayUI的使用
LayUI的使用
107 0
62EasyUI 表单 - 表单验证
62EasyUI 表单 - 表单验证
44 0
|
XML 前端开发 JavaScript
LayUI系列(一)之layui介绍以及登录功能的实现
LayUI系列(一)之layui介绍以及登录功能的实现
|
前端开发
你对layui的弹出层表单进行表单验证了解多少呢?
我们在项目中使用**layui**做前端的时候,就少不了表单**form**,但也有时候我们会使用**layui**的弹出层`layer.open`,来做一个弹出层表单,该弹出层有自己的**btn**(确定,取消按钮等等),那么如何对弹出层的表单做一个表单验证呢?
681 1
你对layui的弹出层表单进行表单验证了解多少呢?