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 相关文章推荐
层序遍历在ExtJs的TreePanel中的应用
Oct 16 Javascript
利用onresize使得div可以随着屏幕大小而自适应的代码
Jan 15 Javascript
jquery操作 iframe的方法
Dec 03 Javascript
使用AngularJS处理单选框和复选框的简单方法
Jun 19 Javascript
C#中使用迭代器处理等待任务
Jul 13 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
Jan 25 Javascript
微信小程序 wx.request(object) API详解及实例代码
Sep 30 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
Nov 24 Javascript
JS中关于正则的巧妙操作
Aug 31 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
Mar 10 Javascript
微信小程序实现身份证取景框拍摄
Sep 09 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
ftp类(myftp.php)
2006/10/09 PHP
PHP并发场景的三种解决方案代码实例
2021/02/27 PHP
如何判断图片地址是否失效
2007/02/02 Javascript
js event事件的传递与冒泡处理
2009/12/06 Javascript
jQuery实现的类flash菜单效果代码
2010/05/17 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
2013/01/21 Javascript
jquery的父子兄弟节点查找示例代码
2014/03/03 Javascript
浅析webapp框架AngularUI的demo
2014/12/21 Javascript
jQuery中prependTo()方法用法实例
2015/01/08 Javascript
浅谈类似于(function(){}).call()的js语句
2015/03/30 Javascript
javascript实现表单提交后,提交按钮不可用的方法
2015/04/18 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
2016/07/18 Javascript
jquery validate表单验证插件
2016/09/06 Javascript
vue实现百度搜索下拉提示功能实例
2017/06/14 Javascript
js实现单张图片平移切换效果
2017/10/11 Javascript
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
2017/12/21 Javascript
Nodejs 发布自己的npm包并制作成命令行工具的实例讲解
2018/05/15 NodeJs
[06:11]2014DOTA2国际邀请赛 专访团结一心的VG战队
2014/07/21 DOTA
python在linux系统下获取系统内存使用情况的方法
2015/05/11 Python
浅谈Python 中整型对象的存储问题
2016/05/16 Python
python中os和sys模块的区别与常用方法总结
2017/11/14 Python
Python pip替换为阿里源的方法步骤
2019/07/02 Python
Tensorflow实现部分参数梯度更新操作
2020/01/23 Python
Django分组聚合查询实例分享
2020/04/29 Python
python网络编程之五子棋游戏
2020/05/14 Python
Pytorch 使用CNN图像分类的实现
2020/06/16 Python
Canvas 文本填充线性渐变的使用详解
2020/06/22 HTML / CSS
德国箱包网上商店:koffer24.de
2016/07/27 全球购物
Perricone MD裴礼康美国官网:抗衰老护肤品
2016/09/26 全球购物
巴西最大的珠宝连锁店:Vivara
2019/04/18 全球购物
优秀的自荐信要注意哪些
2014/01/03 职场文书
投标单位介绍信
2014/01/09 职场文书
公司离职证明范本
2014/01/13 职场文书
餐饮企业总经理岗位职责范文
2014/02/18 职场文书
详解用Python把PDF转为Word方法总结
2021/04/27 Python
字节飞书面试promise.all实现示例
2022/06/16 Javascript