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 相关文章推荐
JSON 数字排序多字段排序介绍
Sep 18 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
Sep 04 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
Jul 06 Javascript
js自定义弹框插件的封装
Aug 24 Javascript
JavaScript判断输入是否为数字类型的方法总结
Sep 28 Javascript
老生常谈JavaScript面向对象基础与this指向问题
Oct 16 Javascript
浅谈vue-router2路由参数注意的问题
Nov 08 Javascript
Vue中mintui的field实现blur和focus事件的方法
Aug 25 Javascript
浅谈vue项目打包优化策略
Sep 29 Javascript
如何使用less实现随机下雪动画详解
Jan 02 Javascript
深入理解Vue keep-alive及实践总结
Aug 21 Javascript
Javascript 模拟mvc实现点餐程序案例详解
Dec 24 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
基于curl数据采集之单页面并行采集函数get_htmls的使用
2013/04/28 PHP
PHP中time(),date(),mktime()区别介绍
2013/09/28 PHP
php中switch与ifelse的效率区别及适用情况分析
2015/02/12 PHP
php中header跳转使用include包含解决参数丢失问题
2015/05/08 PHP
PHP二维数组排序简单实现方法
2016/02/14 PHP
PHP实现支持加盐的图片加密解密
2016/09/09 PHP
Yii针对添加行的增删改查操作示例
2016/10/18 PHP
PHP实现限制IP访问及提交次数的方法详解
2017/07/17 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
PHP实现的AES加密、解密封装类与用法示例
2018/08/02 PHP
js 程序执行与顺序实现详解
2013/05/13 Javascript
javascript 得到文件后缀名的思路及实现
2020/05/09 Javascript
js调用打印机打印网页字体总是缩小一号的解决方法
2014/01/24 Javascript
php析构函数的具体用法小结
2014/03/11 Javascript
javascript实现简单查找与替换的方法
2015/07/22 Javascript
JavaScript限定范围拖拽及自定义滚动条应用(3)
2017/05/17 Javascript
详解vue-cli本地环境API代理设置和解决跨域
2017/09/05 Javascript
vue生成随机验证码的示例代码
2017/09/29 Javascript
基于JS实现一个随机生成验证码功能
2019/05/29 Javascript
原生JS无缝滑动轮播图
2019/10/22 Javascript
python的描述符(descriptor)、装饰器(property)造成的一个无限递归问题分享
2014/07/09 Python
浅谈python numpy中nonzero()的用法
2018/04/02 Python
使用pandas模块读取csv文件和excel表格,并用matplotlib画图的方法
2018/06/22 Python
python调用matlab的m自定义函数方法
2019/02/18 Python
详解torch.Tensor的4种乘法
2020/09/03 Python
如何从csv文件构建Tensorflow的数据集
2020/09/21 Python
W Concept美国:精选全球独立设计师
2017/02/22 全球购物
澳洲最大的时尚奢侈品电商平台:Cettire
2020/06/15 全球购物
某公司的.net工程师面试题笔试题
2013/11/22 面试题
高中生的自我鉴定范文
2014/01/24 职场文书
小学数学国培感言
2014/03/10 职场文书
酒店人事专员岗位职责
2015/04/07 职场文书
师德师风主题教育活动总结
2015/05/07 职场文书
小学班主任研修日志
2015/11/13 职场文书
幼儿园托班开学寄语(2016秋季)
2015/12/03 职场文书
python中subplot大小的设置步骤
2021/06/28 Python