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控制上传文件的大小
Oct 26 Javascript
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
Oct 11 Javascript
JS下拉缓冲菜单示例代码
Aug 30 Javascript
javascript中的return和闭包函数浅析
Jun 06 Javascript
Javascript堆排序算法详解
Dec 03 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
javasript实现密码的隐藏与显示
May 08 Javascript
JS把内容动态插入到DIV的实现方法
Jul 19 Javascript
微信小程序 解决swiper不显示图片的方法
Jan 04 Javascript
Vue 仿QQ左滑删除组件功能
Mar 12 Javascript
vue element中axios下载文件(后端Python)
May 10 Javascript
Vue的Eslint配置文件eslintrc.js说明与规则介绍
Feb 03 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使用wordwrap格式化文本段落的方法
2015/03/17 PHP
php检查字符串中是否有外链的方法
2015/07/29 PHP
php从数据库中获取数据用ajax传送到前台的方法
2018/08/20 PHP
javaScript 关闭浏览器 (不弹出提示框)
2010/01/31 Javascript
js有序数组的连接问题
2013/10/01 Javascript
javascript 用函数语句和表达式定义函数的区别详解
2014/01/06 Javascript
js中的onchange和onpropertychange (onchange无效的解决方法)
2014/03/08 Javascript
基于javascript实现图片左右切换效果
2016/01/25 Javascript
详解Javascript中的Object对象
2016/02/28 Javascript
一个简单不报错的summernote 图片上传案例
2016/07/11 Javascript
js制作网站首页图片轮播特效代码
2016/08/30 Javascript
JS正则表达式修饰符中multiline(/m)用法分析
2016/12/27 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
2017/02/14 Javascript
javascript基本数据类型和转换
2017/03/17 Javascript
聊聊那些使用前端Javascript实现的机器学习类库
2017/09/18 Javascript
详解webpack性能优化——DLL
2017/10/20 Javascript
vue异步加载高德地图的实现
2018/06/19 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
ant-design-vue中的select选择器,对输入值的进行筛选操作
2020/10/24 Javascript
python提取内容关键词的方法
2015/03/16 Python
Python中取整的几种方法小结
2017/01/06 Python
Python计算开方、立方、圆周率,精确到小数点后任意位的方法
2018/07/17 Python
Pandas数据离散化原理及实例解析
2019/11/16 Python
python模拟预测一下新型冠状病毒肺炎的数据
2020/02/01 Python
pytorch使用tensorboardX进行loss可视化实例
2020/02/24 Python
Python监听剪切板实现方法代码实例
2020/11/11 Python
Html5 页面适配iPhoneX(就是那么简单)
2019/09/05 HTML / CSS
Hotels.com南非:酒店预订
2017/11/02 全球购物
Toppik顶丰增发纤维官网:解决头发稀疏
2017/12/30 全球购物
李维斯法国官网:Levi’s法国
2019/07/13 全球购物
伦敦最受欢迎的蛋糕店:Konditor & Cook
2019/11/01 全球购物
美国滑板店:Tactics
2020/11/08 全球购物
七年级地理教学计划
2015/01/22 职场文书
外贸业务员岗位职责
2015/02/13 职场文书
2016党员干部反腐倡廉心得体会
2016/01/13 职场文书
Java实现字符串转为驼峰格式的方法详解
2022/07/07 Java/Android