layui表单验证select下拉框实现验证的方法


Posted in Javascript onSeptember 05, 2019

layui 的form表单里的select 一开始以为加上lay-verify="required"就可以验证不空了,可是反复试了几次都不能验证

代码如下:

<div class="layui-form-item">
  <label class="layui-form-label">所属工种:</label>
  <div class="layui-input-block">
    <select name="work_id" lay-verify="required" lay-search>
      <option>请选择所属工种</option>
      {volist name='list' id='vo'}
      <option value="{$vo.id}">{$vo.name}</option>
      {/volist}
    </select>
  </div>
</div>

layui表单验证select下拉框实现验证的方法

但是 怎么提交都是不能验证select为空 , 知道最后仔细看了手册 , 才发现 要再默认的里面加一个value="" , 真是不细心啊.

layui表单验证select下拉框实现验证的方法

这样就可以了!

layui表单验证select下拉框实现验证的方法

以上这篇layui表单验证select下拉框实现验证的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 触发事件列表 比较不错
Sep 03 Javascript
js 表格隔行颜色
Dec 02 Javascript
jQuery实现动画效果的简单实例
Jan 27 Javascript
js的hasownproperty使用示例
Mar 02 Javascript
Javascript基础教程之for循环
Jan 18 Javascript
JavaScript操作URL的相关内容集锦
Oct 29 Javascript
基于jQuery实现选取月份插件附源码下载
Dec 28 Javascript
正则表达式,替换所有HTML标签的简单实例
Nov 28 Javascript
React性能优化系列之减少props改变的实现方法
Jan 17 Javascript
vue设计一个倒计时秒杀的组件详解
Apr 06 Javascript
node.js ws模块搭建websocket服务端的方法示例
Apr 25 Javascript
使用vue for时为什么要key【推荐】
Jul 11 Javascript
layer 刷新某个页面的实现方法
Sep 05 #Javascript
layui中select,radio设置不生效的解决方法
Sep 05 #Javascript
解决layui的使用以及针对select、radio等表单组件不显示的问题
Sep 05 #Javascript
layui的面包屑或者表单不显示的解决方法
Sep 05 #Javascript
JavaScript 截取字符串代码实例
Sep 05 #Javascript
a标签调用js的方法总结
Sep 05 #Javascript
VsCode与Node.js知识点详解
Sep 05 #Javascript
You might like
谈谈PHP语法(4)
2006/10/09 PHP
javascript实现的在当前窗口中漂浮框的代码
2010/03/15 Javascript
javascript基础第一章 JavaScript与用户端
2010/07/22 Javascript
JS 进度条效果实现代码整理
2011/05/21 Javascript
js querySelector和getElementById通过id获取元素的区别
2012/04/20 Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
2016/01/26 Javascript
jQuery弹出div层过2秒自动消失
2016/11/29 Javascript
微信小程序 表单Form实例详解(附源码)
2016/12/22 Javascript
angularJS 指令封装回到顶部示例详解
2017/01/22 Javascript
5 种JavaScript编码规范
2018/01/30 Javascript
vue.js 实现点击展开收起动画效果
2018/07/07 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
2019/05/02 Javascript
js实现动态时钟
2020/03/12 Javascript
Vue环境搭建+VSCode+Win10的详细教程
2020/08/19 Javascript
详解datagrid使用方法(重要)
2020/11/06 Javascript
vue 解决在微信内置浏览器中调用支付宝支付的情况
2020/11/09 Javascript
[01:02:54]完美世界DOTA2联赛PWL S2 FTD vs GXR 第一场 11.22
2020/11/26 DOTA
Python基于SMTP协议实现发送邮件功能详解
2018/08/14 Python
Python 利用邮件系统完成远程控制电脑的实现(关机、重启等)
2019/11/19 Python
Pytorch实现神经网络的分类方式
2020/01/08 Python
python 装饰器功能与用法案例详解
2020/03/06 Python
利用OpenCV中对图像数据进行64F和8U转换的方式
2020/06/03 Python
Python urllib库如何添加headers过程解析
2020/10/05 Python
移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法
2015/03/27 HTML / CSS
英国第二大营养品供应商:Vitabiotics
2016/10/01 全球购物
通用C#笔试题附答案
2016/11/26 面试题
创业计划书模版
2014/02/05 职场文书
暑假家长评语大全
2014/04/17 职场文书
大学三年计划书范文
2014/04/30 职场文书
买房协议书范本
2014/10/23 职场文书
故宫的导游词
2015/01/31 职场文书
高中教师个人总结
2015/02/10 职场文书
通知书大全
2015/04/27 职场文书
毕业证明模板
2015/06/19 职场文书
少先队中队工作总结2015
2015/07/23 职场文书
MySql学习笔记之事务隔离级别详解
2021/05/12 MySQL