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调用XML制作连动下拉列表框
Jun 25 Javascript
imgAreaSelect 中文文档帮助说明
Oct 08 Javascript
javascript学习笔记(五) Array 数组类型介绍
Jun 19 Javascript
在Firefox下js select标签点击无法弹出
Mar 06 Javascript
详解javascript中原始数据类型Null和Undefined
Dec 17 Javascript
读Javascript高性能编程重点笔记
Dec 21 Javascript
Nginx 配置多站点vhost 的方法
Jan 07 Javascript
利用vscode调试编译后的js代码详解
May 14 Javascript
Canvas实现微信红包照片效果
Aug 21 Javascript
JavaScript实现的鼠标跟随特效示例【2则实例】
Dec 22 Javascript
Nuxt.js nuxt-link与router-link的区别说明
Nov 06 Javascript
javascript代码实现简易计算器
Jan 25 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实现异步数据调用的方法
2015/12/24 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
PHP实现可精确验证身份证号码的工具类示例
2018/05/31 PHP
thinkphp 框架数据库切换实现方法分析
2020/05/18 PHP
Stop SQL Server
2007/06/21 Javascript
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
javascript 原型继承介绍
2011/08/30 Javascript
JavaScript中创建对象和继承示例解读
2014/02/12 Javascript
JS+CSS实现的竖向简洁折叠菜单效果代码
2015/10/22 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
2016/05/05 Javascript
ES6新特性一: let和const命令详解
2017/04/20 Javascript
vue与bootstrap实现时间选择器的示例代码
2017/08/26 Javascript
JS实现快速比较两个字符串中包含有相同数字的方法
2017/09/11 Javascript
JS实现获取word文档内容并输出显示到html页面示例
2018/06/23 Javascript
基于vue.js实现分页查询功能
2018/12/29 Javascript
vue以组件或者插件的形式实现throttle或者debounce
2019/05/22 Javascript
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
nodejs的安装使用与npm的介绍
2019/09/11 NodeJs
js的Object.assign用法示例分析
2020/03/05 Javascript
vuex中store存储store.commit和store.dispatch的用法
2020/07/24 Javascript
[02:11]2016国际邀请赛中国区预选赛最美TA采访现场玩家
2016/06/28 DOTA
[01:11:11]Alliance vs RNG 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
跟老齐学Python之从格式化表达式到方法
2014/09/28 Python
简单了解什么是神经网络
2017/12/23 Python
linux下安装python3和对应的pip环境教程详解
2019/07/01 Python
Python3 requests文件下载 期间显示文件信息和下载进度代码实例
2019/08/16 Python
用python给csv里的数据排序的具体代码
2020/07/17 Python
Python在后台自动解压各种压缩文件的实现方法
2020/11/10 Python
pycharm 使用anaconda为默认环境的操作
2021/02/05 Python
eBay爱尔兰站:eBay.ie
2019/08/09 全球购物
Lovedrobe官网:英国领先的大码服装品牌
2019/09/19 全球购物
介绍一下Mysql的存储引擎
2015/02/12 面试题
优秀员工获奖感言
2014/03/01 职场文书
社会工作专业自荐信
2014/09/26 职场文书
认错检讨书
2014/10/02 职场文书
医生行业员工的辞职信
2019/06/24 职场文书