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 相关文章推荐
HTML TO JavaScript 转换
Jun 26 Javascript
JavaScript语句可以不以;结尾的烦恼
Mar 08 Javascript
javascript定时保存表单数据的代码
Mar 17 Javascript
JS 无限级 Select效果实现代码(json格式)
Aug 30 Javascript
easyui validatebox验证
Apr 29 Javascript
javascript运算符——位运算符全面介绍
Jul 14 Javascript
深入理解vue.js中$watch的oldvalue与newValue
Aug 07 Javascript
慕课网题目之js实现抽奖系统功能
Sep 19 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
Jan 20 Javascript
jquery.pagination.js分页使用教程
Oct 23 jQuery
vue--vuex详解
Apr 15 Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
Sep 19 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
eaglephp使用微信api接口开发微信框架
2014/01/09 PHP
windows7下安装php的php-ssh2扩展教程
2014/07/04 PHP
浅谈PHP中类和对象的相关函数
2017/04/26 PHP
ext 列表页面关于多行查询的办法
2010/03/25 Javascript
推荐17个优美新鲜的jQuery的工具提示插件
2012/09/14 Javascript
cookie在javascript中的使用技巧以及隐私在服务器端的设置
2012/12/03 Javascript
asp.net刷新本页面的六种方法总结
2014/01/07 Javascript
js使用eval解析json实例与注意事项分享
2014/01/18 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
2014/09/22 Javascript
jQuery基于ajax()使用serialize()提交form数据的方法
2015/12/08 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
jQuery EasyUI提交表单验证
2016/07/19 Javascript
jquery动态遍历Json对象的属性和值的方法
2016/07/27 Javascript
jQuery+css实现非常漂亮的水平导航菜单效果
2016/07/27 Javascript
原生js实现tab选项卡切换
2020/03/23 Javascript
全选复选框JavaScript编写小结(附代码)
2017/08/16 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
2019/04/08 Javascript
JavaScript怎样在删除前添加确认弹出框?
2019/05/27 Javascript
详解vue 2.6 中 slot 的新用法
2019/07/09 Javascript
Django框架下在URLconf中指定视图缓存的方法
2015/07/23 Python
Python用UUID库生成唯一ID的方法示例
2016/12/15 Python
使用pyecharts无法import Bar的解决方案
2020/04/23 Python
查看python下OpenCV版本的方法
2018/08/03 Python
解决.ui文件生成的.py文件运行不出现界面的方法
2019/06/19 Python
jupyter notebook 中输出pyecharts图实例
2020/04/23 Python
python ffmpeg任意提取视频帧的方法
2020/02/21 Python
浅谈Python线程的同步互斥与死锁
2020/03/22 Python
django和flask哪个值得研究学习
2020/07/31 Python
PyCharm2019.3永久激活破解详细图文教程,亲测可用(不定期更新)
2020/10/29 Python
详解如何在css中引入自定义字体(font-face)
2018/05/17 HTML / CSS
高中军训感想800字
2014/02/23 职场文书
音乐教育专业自荐信
2014/09/18 职场文书
借条格式范本
2015/05/25 职场文书
鸦片战争观后感
2015/06/09 职场文书
Nginx实现高可用集群构建(Keepalived+Haproxy+Nginx)
2021/05/27 Servers
pycharm无法安装cv2模块问题
2022/05/20 Python