layui表单验证范例
HTML代码
<form id='formDemo' action="" method='POST' class="layui-form">
<input type="text" class="cell-input"name="type" lay-verify="type|required" placeholder="类型" autocomplete="off" />
<input type="text" class="cell-input"name="address" lay-verify="address|required" placeholder="请选择钱包地址" autocomplete="off" /> <input type="submit" class="btn-block btn-primary address_save" value="保存" lay-filter="formDemo" lay-submit/></form>
layui.use('form', function(){var form = layui.form;//自定义验证规则form.verify({type: function(value){if(value == 0){return '请选择正确种类';}},address: function(value){if(value.length == 0){return '地址不能为空';}}});//监听提交form.on('submit(formDemo)', function(data){$.post("{:U('UserCenter/addAddressBook')}",data.field,function(res){layer.msg('操作成功',{time:2000},function(){window.location.href = "{:U('UserCenter/AddressBook')}";})}).error(function(xhr, status, info){layer.msg('操作失败')});return false;});});
layui表单验证范例相关推荐
- layui表单验证 内置自定义规则 - 使用说明
关于 layui表单的验证规则.调用.自定义规则的使用经验总结: 除了 layui 本身配套的一个验证体系,还支持开发者自定义验证规则(如上表中的[自定义密码验证(代码参考下文)]),并直接嵌入到页面 ...
- layui表单验证方式大全
表单自带校验 lay‐verify:是表单验证的关键字 required (必填项) phone(手机号) email(邮箱) url(网址) number(数字) date(日期) identity ...
- Layui表单验证失效解决办法
出现layui表单提交时没有进行验证的情况解决办法 <div class="layui-input-inline" style="width: 150px;&quo ...
- layui表单验证demo
表单验证方法很多,使用layui插件自带的验证写法也是很简单.首先到官网http://www.layui.com/下载layui插件,然后按照官方提供的API编写前台页面就可以了,下面提供一个layu ...
- 【解决】LayUI表单验证,提交按钮在弹出层,lay-verify失效的情况
layui的表单是我特别常用的一个功能,这次在写添加和修改界面时,也顺手将layui的表单界面放进去,想着等会利用layui自带的表单验证功能将用户输入的值进行一一验证,没想到遇到了如题目所描述的情况 ...
- 00008 - layui 表单验证,需要验证,但非必输
当使用layui的验证规则,比如 手机, <input type="text" name="userName" lay-verify="phon ...
- layUI表单验证不生效的问题
layui中使用lay-verify进行表单项的校验,但是点击提交按钮无效,校验要满足两个条件 form标签需要添加 class="layui-form" 提交按钮需要添加 lay ...
- layui表单验证支持select下拉框的一种方法
背景: 1.layui在select选择后可以通过layui.event.call触发form.on('select(##)',function...)事件 2.layui的select被渲染后会变成 ...
- layui表单验证不生效
由于粗心漏写一些属性导致不生效 详细看下方demo 对比一下 就知道 http://www.shagua.wiki/project/3?p=121
- 【Layui】表单验证
author:咔咔 wechat:fangkangfk layui表单验证的属性 required(必填项) phone(手机号) email(邮箱) url(网址) number(数字) date( ...
最新文章
- 利用.NET的XML序列化解决系统配置问题
- 关于Unity -Vuforia -Android 开发 ,平台的搭建(极品菜鸟完整版)
- python流程控制语句-【Python学习之三】流程控制语句
- java mongodb save,Java MongoDB一次保存多个文档
- 1071 - Specified key was too long; max key length is 767 bytes
- 下载丨云和恩墨技术通讯:OCR无法正常读取导致节点宕机
- bochs2.3.7 调试版本在ubuntu9.10上的编译安装
- XP共享拒绝访问,全面解决
- 基于预训练语言模型的文本生成研究综述
- php8拦截器,Web中的监听器 过滤器 拦截器
- 杨东援:交通管控,从智能走向智慧
- 重磅 | 2020年区块链领域全球授权专利报告
- 付费?不存在的,20 行代码将电子书转换为有声小说
- 大一新生必看,自学必看,里昂详解数据结构之队列
- pci-e服务器显卡性能,目前性能最好的显卡 NVIDIA发布Tesla V100,PCI-E接口
- SOLIDWORKS零件与装配体模板制作
- MATLAB调用多个核(常用于跑多次再取平均的仿真)
- html热区坐标,HTML之六:图像的热区连接
- 苹果系统手机调用java线程出错_在多线程Java应用程序中调用已编译的m-file(.jar)时出错...
- Mac Terminal 终端:入门指南及进阶技巧
热门文章
- calibre怎么把HTML转换mobi,calibre:mobi格式转换成pdf格式 | 求索阁
- 2021华科计算机考研复试机试 与 复试经验分享
- 阅读《经济学人》,学会这样查词典,从此英语学习不求人
- 边缘计算卸载matlab仿真,移动边缘计算卸载技术简介
- 局域网桌面共享软件(优化版)
- STM32串口通信简介
- 【原创】EXCEL公式经验(1)---如何拆解/拆分字符串为多列和多行,但是注意不要超过EXCEL字符串最长长度限制!
- axure share联网失败
- mysql中根据经纬度求距离_mysql、java中根据经纬度计算距离
- spss之数据处理(离散化)