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里使用Dom操作Xml
Jan 22 Javascript
javascript 当前日期转化为中文的实现代码
May 13 Javascript
原生javascript实现的分页插件pagenav
Aug 28 Javascript
javascript记录文本框内文字个数检测文字个数变化
Oct 14 Javascript
js实现(全选)多选按钮的方法【附实例】
Mar 30 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
Nov 26 Javascript
解析js如何获取css样式
Dec 11 Javascript
基于jQuery实现数字滚动效果
Jan 16 Javascript
详解Vue 全局引入bass.scss 处理方案
Mar 26 Javascript
vue中使用sessionStorage记住密码功能
Jul 24 Javascript
ES6 fetch函数与后台交互实现
Nov 14 Javascript
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
Apr 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
需要注意的几个PHP漏洞小结
2012/02/05 PHP
php格式化电话号码的方法
2015/04/24 PHP
浅析PHP关键词替换的类(避免重复替换,保留与还原原始链接)
2015/09/22 PHP
PHP实现的曲线统计图表示例
2016/11/10 PHP
thinkPHP5框架闭包函数与子查询传参用法示例
2018/08/02 PHP
用javascript实现分割提取页面所需内容
2007/05/09 Javascript
用ASP将SQL搜索出来的内容导出为TXT的代码
2007/07/27 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
2015/05/14 Javascript
js判断某个字符出现的次数的简单实例
2016/06/03 Javascript
JavaScript代码里的判断小结
2016/08/22 Javascript
JS作用域链详解
2017/06/26 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
2017/12/14 Javascript
JS删除数组里的某个元素方法
2018/02/03 Javascript
JS实现字符串去重及数组去重的方法示例
2018/04/21 Javascript
详解Angular6 热加载配置方案
2018/08/18 Javascript
详解vue-router数据加载与缓存使用总结
2018/10/29 Javascript
BootStrap table实现表格行拖拽效果
2018/12/01 Javascript
Python中的一些陷阱与技巧小结
2015/07/10 Python
在Python的Django框架中调用方法和处理无效变量
2015/07/15 Python
Windows中安装使用Virtualenv来创建独立Python环境
2016/05/31 Python
Python网络编程详解
2017/10/31 Python
用PyInstaller把Python代码打包成单个独立的exe可执行文件
2018/05/26 Python
利用Python进行数据可视化常见的9种方法!超实用!
2018/07/11 Python
python pygame实现方向键控制小球
2019/05/17 Python
OpenCV 模板匹配
2019/07/10 Python
tensorflow入门:TFRecordDataset变长数据的batch读取详解
2020/01/20 Python
Python利用matplotlib绘制散点图的新手教程
2020/11/05 Python
人力资源管理专业毕业生自我评价
2013/09/21 职场文书
简单的辞职信范文
2014/01/18 职场文书
进步之星获奖感言
2014/02/22 职场文书
合作意向书模板
2014/03/31 职场文书
学前班评语大全
2014/05/04 职场文书
创建文明城市标语
2014/06/16 职场文书
大学生个人简历自荐信
2015/03/06 职场文书
幼儿园国培研修日志
2015/11/13 职场文书
优质服务心得体会(共4篇)
2016/01/22 职场文书