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 密码强度验证(兼容IE,火狐,谷歌)
Mar 15 Javascript
jQuery前台数据获取实现代码
Mar 16 Javascript
打印json对象的内容及JSON.stringify函数应用
Mar 29 Javascript
javascript表单验证和Window详解
Dec 11 Javascript
jQuery trigger()方法用法介绍
Jan 13 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
Nov 29 Javascript
jquery中cookie用法实例详解(获取,存储,删除等)
Jan 04 Javascript
Jquery实时监听input value的实例
Jan 26 Javascript
vue实现表格增删改查效果的实例代码
Jul 18 Javascript
vue单页应用加百度统计代码(亲测有效)
Jan 31 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
Jul 25 Javascript
Node.js 实现远程桌面监控的方法步骤
Jul 02 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
便携利器 — TECSUN PL-365简评
2021/03/02 无线电
php木马攻击防御之道
2008/03/24 PHP
修改php.ini不生效问题解决方法(上传大于8M的文件)
2013/06/14 PHP
PHP使用feof()函数读文件的方法
2014/11/07 PHP
php实现压缩多个CSS与JS文件的方法
2014/11/11 PHP
PHP模拟post提交数据方法汇总
2016/02/16 PHP
PHP回调函数简单用法示例
2019/05/08 PHP
PHP中将一个字符串部分字符用星号*替代隐藏的实现代码
2019/09/08 PHP
给moz-firefox下添加IE方法和属性
2007/04/10 Javascript
jquery lazyload延迟加载技术的实现原理分析
2011/01/24 Javascript
JS弹出窗口代码大全(详细整理)
2012/12/21 Javascript
javascript使用smipleChart实现简单图表
2015/01/02 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
基于javascript实现按圆形排列DIV元素(一)
2016/12/02 Javascript
jQuery使用正则验证15/18身份证的方法示例
2017/04/27 jQuery
JavaScript实现开关等效果
2017/09/08 Javascript
动手写一个angular版本的Message组件的方法
2017/12/16 Javascript
jquery点击回车键实现登录效果并默认焦点的方法
2018/03/09 jQuery
javascript实现动态时钟的启动和停止
2020/07/29 Javascript
更新pip3与pyttsx3文字语音转换的实现方法
2019/08/08 Python
大家都说好用的Python命令行库click的使用
2019/11/07 Python
Python requests HTTP验证登录实现流程
2020/11/05 Python
意大利高端时尚买手店:Stefania Mode
2018/03/01 全球购物
eDreams德国:南欧领先的在线旅游公司
2020/12/07 全球购物
Shell如何接收变量输入
2016/08/06 面试题
编程用JAVA解析XML的方式
2013/07/07 面试题
实习生的自我鉴定范文欣赏
2013/11/20 职场文书
会计应聘求职信范文
2013/12/17 职场文书
主持人婚宴答谢词
2014/01/28 职场文书
市场营销毕业生自荐信范文
2014/04/01 职场文书
《歌唱二小放牛郎》教学反思
2014/04/19 职场文书
商场消防安全责任书
2014/07/29 职场文书
2014年学习厉行节约反对浪费思想汇报
2014/09/10 职场文书
2014年办公室主任工作总结
2014/11/12 职场文书
2015年创先争优工作总结
2015/05/23 职场文书
用python开发一款操作MySQL的小工具
2021/05/12 Python