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 面向对象(三)接口代码
May 23 Javascript
Javascript的常规数组和关联数组对比小结
May 24 Javascript
分享XmlHttpRequest调用Webservice的一点心得
Jul 20 Javascript
js 判断浏览器使用的语言示例代码
Mar 22 Javascript
基于AngularJS前端云组件最佳实践
Oct 20 Javascript
vue指令以及dom操作详解
Mar 04 Javascript
详解AngularJS ng-class样式切换
Jun 27 Javascript
Angular如何引入第三方库的方法详解
Jul 13 Javascript
分分钟学会vue中vuex的应用(入门教程)
Sep 14 Javascript
去掉vue 中的代码规范检测两种方法(Eslint验证)
Mar 21 Javascript
JS Math对象与Math方法实例小结
Jul 05 Javascript
Vue状态模式实现窗口停靠功能(灵动、自由, 管理后台Admin界面)
Mar 06 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中防止恶意刷新页面的代码小结
2012/10/31 PHP
基于php使用memcache存储session的详解
2013/06/25 PHP
使用php自动备份数据库表的实现方法
2017/07/28 PHP
php/JS实现的生成随机密码(验证码)功能示例
2019/06/06 PHP
网上应用的一个不错common.js脚本
2007/08/08 Javascript
ppk谈JavaScript style属性
2008/10/10 Javascript
javascript使用正则获取url上的某个参数
2014/09/04 Javascript
使用DeviceOne实现微信小程序功能
2016/12/29 Javascript
简述JS控制台的使用
2018/07/15 Javascript
JS在if中的强制类型转换方式
2018/07/15 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
2019/09/25 Javascript
vue点击页面空白处实现保存功能
2019/11/06 Javascript
微信小程序实现多图上传
2020/06/19 Javascript
[46:23]OG vs EG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
跟老齐学Python之关于循环的小伎俩
2014/10/02 Python
python面向对象_详谈类的继承与方法的重载
2017/06/07 Python
Python实现带参数的用户验证功能装饰器示例
2018/12/14 Python
Python Opencv任意形状目标检测并绘制框图
2019/07/23 Python
python实现桌面托盘气泡提示
2019/07/29 Python
TensorFlow MNIST手写数据集的实现方法
2020/02/05 Python
python selenium自动化测试框架搭建的方法步骤
2020/06/14 Python
Pycharm如何导入python文件及解决报错问题
2020/05/10 Python
django admin管理工具自定义时间区间筛选器DateRangeFilter介绍
2020/05/19 Python
基于python实现matlab filter函数过程详解
2020/06/08 Python
加拿大最大的钻石商店:Peoples Jewellers
2018/01/01 全球购物
佳能加拿大网上商店:Canon eStore Canada
2018/04/04 全球购物
《逃家小兔》教学反思
2014/02/23 职场文书
新春文艺演出主持词
2014/03/27 职场文书
《李广射虎》教学反思
2014/04/27 职场文书
工作散漫检讨书
2014/09/16 职场文书
优秀班主任先进事迹材料
2014/12/16 职场文书
贷款担保书
2015/01/20 职场文书
小兵张嘎观后感
2015/06/03 职场文书
幼儿园小朋友毕业感言
2015/07/30 职场文书
DIY胆机必读:各国电子管评价
2022/04/06 无线电
iOS 16进一步确认,一共支持16款iPhone
2022/04/28 数码科技