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 相关文章推荐
动态加载js的几种方法
Oct 23 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
Jul 14 Javascript
jquery实现带二级菜单的导航示例
Apr 28 Javascript
3种js实现string的substring方法
Nov 09 Javascript
JS给swf传参数的实现方法
Sep 13 Javascript
js数组操作方法总结(必看篇)
Nov 22 Javascript
Web前端框架Angular4.0.0 正式版发布
Mar 28 Javascript
深入研究React中setState源码
Nov 17 Javascript
webpack 4.0.0-beta.0版本新特性介绍
Feb 10 Javascript
微信小程序云开发之使用云函数
May 17 Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
May 20 Javascript
js回调函数原理与用法案例分析
Mar 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
高分R级DC动画剧《哈莉·奎茵》第二季正式预告首发
2020/04/09 欧美动漫
用sql命令修改数据表中的一个字段为非空(not null)的语句
2010/06/04 PHP
php图片的二进制转换实现方法
2014/12/15 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
phpfpm的作用和用法
2019/10/10 PHP
详解CSS样式中的 !important * _ 符号
2021/03/09 HTML / CSS
javascript奇异的arguments分析
2010/10/20 Javascript
jquery 选项卡效果 新手代码
2011/07/08 Javascript
使用jquery hover事件实现表格的隔行换色功能示例
2013/09/03 Javascript
node.js中使用q.js实现api的promise化
2014/09/17 Javascript
javascript中String对象的slice()方法分析
2014/12/20 Javascript
jquery+ajax实现注册实时验证实例详解
2015/12/08 Javascript
javascript运算符——逻辑运算符全面解析
2016/06/27 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
2016/11/03 Javascript
jQuery EasyUI 页面加载等待及页面等待层
2017/02/06 Javascript
jQuery简介_动力节点Java学院整理
2017/07/04 jQuery
Node.js 使用request模块下载文件的实例
2018/09/05 Javascript
详解如何提升JSON.stringify()的性能
2019/06/12 Javascript
深入解析koa之异步回调处理
2019/06/17 Javascript
layui实现数据表格点击搜索功能
2020/03/26 Javascript
javascript简单实现深浅拷贝过程详解
2019/10/08 Javascript
Vue中this.$nextTick的作用及用法
2020/02/04 Javascript
webpack+express实现文件精确缓存的示例代码
2020/06/11 Javascript
python实现rest请求api示例
2014/04/22 Python
python pcm音频添加头转成Wav格式文件的方法
2019/01/09 Python
Python树莓派学习笔记之UDP传输视频帧操作详解
2019/11/15 Python
PyCharm最新激活码(2020/10/27全网最新)
2020/10/27 Python
使用Html5中的cavas画一面国旗
2019/09/25 HTML / CSS
鱼油专家:Omegavia
2016/10/10 全球购物
BIFFI美国站:意大利BIFFI BOUTIQUES豪华多品牌时装零售公司
2020/02/11 全球购物
实习单位证明范例
2014/11/17 职场文书
儿园租房协议书范本
2014/12/02 职场文书
文明单位汇报材料
2014/12/24 职场文书
学术研讨会欢迎词
2015/01/26 职场文书
2015年清剿火患专项行动工作总结
2015/07/27 职场文书
Python matplotlib绘制雷达图
2022/04/13 Python