近日,接过组内成员的一个表单增加页面,大量的自定义表单验证脚本,其实都大同小异,无非是判定表单元件非空,或者是否符合内容标准。由于我们用的是layui框架,lay-verify完全可以实现这些验证。但奇怪的是,别的页面都是用的lay-verify验证,问他才说,这个页面存在lay-verify验证失效的问题。为了赶进度,所以就自己写了原始的脚本,一坨一堆的。我也尝试调了调,还真是失效了。于是用了网上的一些方法:

1.在form表单内加上class="layui-form"

2.在提交按钮上加上lay-submit=""

3.在想要校验的标签,加上lay-verify="xxx"        在这个属性里,加上想要的值

4.本页面至少要存在以下JS代码:

<script>
layui.use(['form', 'layedit', 'laydate'], function(){var form = layui.form;});
</script>

网上的方法,几乎都抄了个遍(其实他之前就已经这样做过了),都不好使。真的官方的代码存在bug?不能啊,别的页面怎么能用呢?!

后来发现,这货抄别的人的代码时,把提交按钮代码放在了</form>外面,造成form.on函数调用时,form一直是undefind(通过debug发现);改正之后立刻生效。

总结:在使用layui框架时,代码书写一定要规范。尽量少写自定义的脚本,能简尽简。

lay-verify的失效情况相关推荐

  1. 索引使用规则及索引失效情况

    索引使用规则 联合索引 索引失效情况 联合索引 1.最左前缀法则 如果索引使用了多列(联合索引),要遵守最左前缀法则.最左前缀法则指的是查询从索引的最左列开始,并且不跳过索引中的列,如果跳跃某一列,索 ...

  2. 一篇文章了解Like用法及常见索引失效情况

    1.简介 本文主要通过介绍Like索引及常见索引失效情况,以MySQL为例. 2.EXPLAIN关键字 一条查询语句在经过MySQL查询优化器的各种基于成本和规则的优化会后生成一个所谓的执行计划. E ...

  3. alarmmanager 失效_举例电机轴承失效情况,让轴承性能体现更好、寿命更长

    原标题:举例电机轴承失效情况,让轴承性能体现更好.寿命更长 电机轴承也可称为电动机轴承,是专用在电动机上的轴承,电机轴承在使用过程中常会出现一些故障的发生,导致轴承损坏,也就是轴承失效无法正常运转,为 ...

  4. MySQL索引原理、失效情况

    声明:本文是小编在学习过程中,东拼西凑整理,如有雷同,纯属借鉴. Mysql5.7的版本, InnoDB引擎 目录 1 mysql索引知识 1.1 B+Tree索引 1.2 主键索引和普通索引的区别 ...

  5. 盘一盘常见的6种索引失效情况

    摘要:今天就来跟大家盘一盘,常见的 6 种会发生索引失效的场景. 本文分享自华为云社区<面试官:聊聊索引失效?失效的原因是什么?>,作者:小林coding . 在工作中,如果我们想提高一条 ...

  6. @Transactional失效情况

    @Transactional失效的情况 1.一个有@Transactional的方法被没有@Transactional方法调用时,会导致Transactional作用失效 原理:@Transactio ...

  7. 如何在七牛云测试域名失效情况下下载文件[windows]

    本文作者: lemon 本文链接: https://lemon2013.github.io/2019/01/06/qiniu2local/ 版权声明: 本博客所有文章除特别声明外,均采用 CC BY- ...

  8. mysql查询where后面索引失效_where条件索引失效情况

    虽然说索引在使用上可能有种种限制,但是还是在数据库设计中被充分利用.因为在大部分情况下索引还是被用来提高数据库性能的一个工具.不过有些数据库工程师往往会犯一些低级的错误,导致索引失效.如在Where条 ...

  9. MySQL之索引失效情况

    文章目录 1 MySQL索引 1.1 简介 1.1.1 索引基础 1.2 SQL优化 1.2.1 查看执行计划 1.2.2 show profile分析 1.2.3 trace 2 索引失效 2.1 ...

  10. 十几年老Java咳血推荐:MySQL索引原理、失效情况,两万字肝爆,建议收藏!

    一.前言 MySQL 作为主流的数据库,是各大厂面试官百问不厌的知识点,但是需要了解到什么程度呢?仅仅停留在 建库.创表.增删查改等基本操作的水平可不够.在面试后端开发的时候,一连几个问题,简直会被问 ...

最新文章

  1. Win10网页打不开提示DNS_PROBE_POSSIBLE错误解决
  2. php运行出来一堆乱码,一堆乱码中找到的~_php
  3. 【Flutter】HTTP 网络操作 ( 引入 http 插件 | 测试网站 | Get 请求 | Post 请求 | 将响应结果转为 Dart 对象 | Future 异步调用 )
  4. mac使用的快捷方式
  5. TF之BN:BN算法对多层中的每层神经网络加快学习QuadraticFunction_InputData+Histogram+BN的Error_curve
  6. 微型php框架 include/mysql.class.php
  7. Swift傻傻分不清楚系列(四)基本运算符 o_O!???
  8. c语言中负数_C语言中负数的模数
  9. 计数问题(洛谷-P1980)
  10. 【C++ STL学习之七】STL算法之find和find_if
  11. 微软于 snapcraft 上发布 Visual Studio Code 的 Snap 打包版本
  12. 【TSP】基于matlab GUI遗传算法求解旅行商问题【含Matlab源码 899期】
  13. H5网页播放器EasyPlayer如何实现iOS端H.265视频全屏播放效果?
  14. 计算机硬盘中没有设控制器,电脑设置硬盘为兼容模式
  15. PHP 获取图片信息exif
  16. Python数据分析案例-多因素方差分析
  17. Android仿iOS左右滑动开关控件(Android4.0以上适用)
  18. 【IOS网络通信】socket第三方库 AsyncSocket(GCDAsyncSocket)
  19. 五子棋游戏程序记录和复盘功能设置
  20. 帷幄匠心 c++ qt岗位,一二三四面 2个半小时

热门文章

  1. 批量转换文件编码(By notepad++)
  2. java.net.ServerSocket详解
  3. 基于C++的psf2otf实现
  4. Python 编程之Tkinter的使用01
  5. 扩展欧几里得___追风少年的坐骑(2016swust信息院赛)
  6. easyui progressbar ajax,jQuery EasyUI 教程-ProgressBar(进度条)
  7. 天使轮,种子,A轮,B轮,C轮,Pre-IPO
  8. AI大牛李沐装机视频来了!你也能练100亿的大模型
  9. Springboot中下划线转驼峰配置
  10. 应用数学是关于计算机,应用数学学科