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>


相关文章
|
6月前
|
JavaScript
layui二级联动
layui二级联动
|
1月前
|
JavaScript 前端开发 Java
jQuery Autocomplete
jQuery Autocomplete
16 4
|
6月前
|
JavaScript
Layui中jquery的使用方式
Layui中jquery的使用方式
170 0
|
11月前
ElementUI之CUD+表单验证
ElementUI之CUD+表单验证
46 0
|
前端开发 关系型数据库 API
关于一篇ElementUI之CUD+表单验证
关于一篇ElementUI之CUD+表单验证
51 0
|
JavaScript
layUI下使用jQuery
layUI下使用jQuery
|
XML 前端开发 JavaScript
LayUI系列(一)之layui介绍以及登录功能的实现
LayUI系列(一)之layui介绍以及登录功能的实现
62EasyUI 表单 - 表单验证
62EasyUI 表单 - 表单验证
40 0
|
前端开发 JavaScript 数据库
layui框架实战案例(12):layui标签输入框inputTag
layui框架实战案例(12):layui标签输入框inputTag
770 0
layui框架实战案例(12):layui标签输入框inputTag