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 中的replace方法说明
Apr 13 Javascript
jQuery 选择器项目实例分析及实现代码
Dec 28 Javascript
js实现上传图片之上传前预览图片
Mar 25 Javascript
jquery中加载图片自适应大小主要实现代码
Aug 23 Javascript
JS解析XML文件和XML字符串详解
Apr 17 Javascript
基于Css3和JQuery实现打字机效果
Aug 11 Javascript
JS实现IE状态栏文字缩放效果代码
Oct 24 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
Jun 06 Javascript
浅谈jquery中next与siblings的区别
Oct 27 Javascript
Vue数据驱动模拟实现4
Jan 12 Javascript
js实现一款简单踩白块小游戏(曾经很火)
Dec 02 Javascript
swiper实现导航滚动效果
Dec 13 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之CodeIgniter学习笔记
2013/06/17 PHP
PHP使用glob方法遍历文件夹下所有文件的实例
2018/10/17 PHP
PHP PDOStatement::fetchAll讲解
2019/01/31 PHP
XAMPP升级PHP版本实现步骤解析
2020/09/04 PHP
javascript 一个自定义长度的文本自动换行的函数
2007/08/19 Javascript
jQuery each()方法的使用方法
2010/03/18 Javascript
在模板页面的js使用办法
2010/04/01 Javascript
jquery.validate使用攻略 第五步 正则验证
2010/07/01 Javascript
jquery实现类似淘宝星星评分功能实例
2014/09/12 Javascript
js面向对象之静态方法和静态属性实例分析
2015/01/10 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
使用jQuery的easydrag插件实现可拖动的DIV弹出框
2016/02/19 Javascript
JS简单实现String转Date的方法
2016/03/02 Javascript
JavaScript是如何实现继承的(六种方式)
2016/03/31 Javascript
js事件冒泡与事件捕获详解
2017/02/20 Javascript
EasyUI中的dataGrid的行内编辑
2017/06/22 Javascript
Vue项目中使用Vux的安装过程
2018/05/01 Javascript
JavaScript使用小插件实现倒计时的方法讲解
2019/03/11 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
[05:08]2014DOTA2国际邀请赛 Hao专访复仇的胜利很爽
2014/07/15 DOTA
Python素数检测的方法
2015/05/11 Python
Windows下python2.7.8安装图文教程
2016/05/26 Python
Pycharm学习教程(3) 代码运行调试
2017/05/03 Python
python3+PyQt5泛型委托详解
2018/04/24 Python
Python tkinter实现简单加法计算器代码实例
2020/05/13 Python
英国最出名高街品牌:Forever Unique
2018/02/24 全球购物
机械专业应届生求职信
2013/09/21 职场文书
英文自荐信
2013/12/19 职场文书
乡镇消防工作实施方案
2014/03/27 职场文书
食品安全汇报材料
2014/08/18 职场文书
倡议书的写法
2014/08/30 职场文书
抄袭同学作业检讨书1000字
2014/11/20 职场文书
2015年组织部工作总结
2015/04/03 职场文书
浅谈Python协程asyncio
2021/06/20 Python
MySQL配置主从服务器(一主多从)
2021/08/07 MySQL
keepalived + nginx 实现高可用方案
2022/12/24 Servers