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 相关文章推荐
jquery实现带复选框的表格行选中删除时高亮显示
Aug 01 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
Aug 07 Javascript
JavaScript中setMonth()方法的使用详解
Jun 11 Javascript
JavaScript实现数组随机排序的方法
Jun 26 Javascript
详解JavaScript逻辑And运算符
Dec 04 Javascript
JS传值出现中文参数乱码的解决方法
Jun 30 Javascript
JS简单去除数组中重复项的方法
Sep 13 Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
Dec 12 Javascript
详解vue-cli中配置sass
Jun 21 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
Nov 22 Javascript
JS字符串去除连续或全部重复字符的实例
Mar 08 Javascript
react native 原生模块桥接的简单说明小结
Feb 26 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简单对象与数组的转换函数代码(php多层数组和对象的转换)
2011/05/18 PHP
php中批量修改文件后缀名的函数代码
2011/10/23 PHP
PHP获取时间排除周六、周日的两个方法
2014/06/30 PHP
PHP之图片上传类实例代码(加了缩略图)
2016/06/30 PHP
JavaScript基础知识之数据类型
2012/08/06 Javascript
JavaScript将数据转换成整数的方法
2014/01/04 Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
2014/09/13 Javascript
原生JavaScript实现异步多文件上传
2015/12/02 Javascript
js实现图片上传并正常显示
2015/12/19 Javascript
利用javascript实现的三种图片放大镜效果实例(附源码)
2017/01/23 Javascript
Angular在一个页面中使用两个ng-app的方法
2017/02/20 Javascript
node.js连接MongoDB数据库的2种方法教程
2017/05/17 Javascript
微信小程序tabbar不显示解决办法
2017/06/08 Javascript
基于JavaScript实现淘宝商品广告效果
2017/08/10 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
2017/08/18 Javascript
vue v-model动态生成详解
2018/06/30 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
基于JS实现web端录音与播放功能
2019/04/17 Javascript
NodeJs 模仿SIP话机注册的方法
2019/06/21 NodeJs
微信小程序中悬浮窗功能的实现代码
2019/08/02 Javascript
JS中比较两个Object数组是否相等方法实例
2019/11/11 Javascript
Vue关于组件化开发知识点详解
2020/05/13 Javascript
[02:07]DOTA2超级联赛专访BBC:难忘网吧超神经历
2013/06/09 DOTA
Python守护进程和脚本单例运行详解
2017/01/06 Python
Bottle框架中的装饰器类和描述符应用详解
2017/10/28 Python
python实现xlsx文件分析详解
2018/01/02 Python
简单了解python关系(比较)运算符
2019/07/08 Python
Python函数的定义方式与函数参数问题实例分析
2019/12/26 Python
python使用多线程查询数据库的实现示例
2020/08/17 Python
Python自动化测试基础必备知识点总结
2021/02/07 Python
草莓网美国官网:Strawberrynet USA
2016/12/11 全球购物
写字楼租赁意向书
2014/07/30 职场文书
超市周年庆活动方案
2014/08/16 职场文书
python爬虫框架feapde的使用简介
2021/04/20 Python
学会Python数据可视化必须尝试这7个库
2021/06/16 Python
Go 通过结构struct实现接口interface的问题
2021/10/05 Golang