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 版本]
Mar 20 Javascript
通过身份证号得到出生日期和性别的js代码
Nov 23 Javascript
JS操作JSON要领详细总结
Aug 25 Javascript
JavaScript的21条基本知识点
Mar 04 Javascript
js获取时间并实现字符串和时间戳之间的转换
Jan 05 Javascript
JQuery基础语法小结
Feb 27 Javascript
举例简介AngularJS的内部语言环境
Jun 17 Javascript
Bootstrap每天必学之日期控制
Mar 07 Javascript
简单实现js菜单栏切换效果
Mar 04 Javascript
ionic3 懒加载
Aug 16 Javascript
layui递归实现动态左侧菜单
Jul 26 Javascript
vue keep-alive 动态删除组件缓存的例子
Nov 04 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数据饼图效果实现代码
2011/11/23 PHP
php实现的返回数据格式化类实例
2014/09/22 PHP
thinkphp的dump函数无输出实例代码
2016/11/15 PHP
身份证号码前六位所代表的省,市,区, 以及地区编码下载
2007/04/12 Javascript
javascript sudoku 数独智力游戏生成代码
2010/03/27 Javascript
javascript 文本框水印/占位符(watermark/placeholder)实现方法
2012/01/15 Javascript
判断JS对象是否拥有某种属性的两种方式
2013/12/02 Javascript
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
2013/12/14 Javascript
javascript调试过程中找不到哪里出错的可能原因
2013/12/16 Javascript
ExtJS4 表格的嵌套 rowExpander应用
2014/05/02 Javascript
jQuery Easyui实现左右布局
2016/01/26 Javascript
正则表达式(语法篇推荐)
2016/06/24 Javascript
简单三步实现报表页面集成天气
2016/12/15 Javascript
AngularJS执行流程详解
2017/02/17 Javascript
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
2017/06/14 Javascript
VUE中使用Vue-resource完成交互
2017/07/21 Javascript
javascript流程控制语句集合
2017/09/18 Javascript
vue cli使用绝对路径引用图片问题的解决
2017/12/06 Javascript
详解使用React进行组件库开发
2018/02/06 Javascript
vue实现分页栏效果
2019/06/28 Javascript
解决layer.confirm快速点击会重复触发事件的问题
2019/09/23 Javascript
JS实现百度搜索框关键字推荐
2020/02/17 Javascript
原生js实现轮播图特效
2020/05/04 Javascript
[04:19]DOTA2完美大师赛第四天精彩集锦
2017/11/26 DOTA
详解Python多线程Selenium跨浏览器测试
2017/04/01 Python
Pandas DataFrame 取一行数据会得到Series的方法
2018/11/10 Python
Django 自定义分页器的实现代码
2019/11/24 Python
virtualenv介绍及简明教程
2020/06/23 Python
深入了解Python 变量作用域
2020/07/24 Python
学生学习总结的自我评价
2013/10/22 职场文书
计算机专业毕业生自荐信
2013/12/31 职场文书
司机辞职报告范文
2014/01/20 职场文书
《十六年前的回忆》教学反思
2014/02/14 职场文书
四风个人对照检查材料思想汇报
2014/09/25 职场文书
处级领导干部四风问题自我剖析材料
2014/09/29 职场文书
辩论赛新闻稿
2015/07/17 职场文书