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 相关文章推荐
Web层改进II-用xmlhttp 无声息提交复杂表单
Jan 22 Javascript
学习ExtJS table布局
Oct 08 Javascript
关于二级域名下使用一级域名下的COOKIE的问题
Nov 07 Javascript
JS实现商品倒计时实现代码
May 03 Javascript
jQuery.event兼容各浏览器的event详细解析
Dec 18 Javascript
js设置控件的隐藏与显示的两种方法
Aug 21 Javascript
Jquery实现鼠标移动放大图片功能实例
Mar 25 Javascript
jquery实现全选、反选、获得所有选中的checkbox
Sep 13 Javascript
基于JS实现textarea中获取动态剩余字数的方法
May 25 Javascript
详解Vue使用 vue-cli 搭建项目
Apr 20 Javascript
vue获取input输入值的问题解决办法
Oct 17 Javascript
layer.js之回调销毁对话框的例子
Sep 11 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
屏蔽浏览器缓存另类方法
2006/10/09 PHP
PHP 八种基本的数据类型小结
2011/06/01 PHP
Zend的MVC机制使用分析(一)
2013/05/02 PHP
Drupal7中常用的数据库操作实例
2014/03/02 PHP
PHP魔术方法__GET、__SET使用实例
2014/11/25 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
2017/09/16 PHP
lnmp安装多版本PHP共存的方法详解
2018/08/02 PHP
Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
2010/09/12 Javascript
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
2010/11/23 Javascript
javascript变量作用域使用中常见错误总结
2013/03/26 Javascript
node.js WEB开发中图片验证码的实现方法
2014/06/03 Javascript
javascript 动态修改css样式方法汇总(四种方法)
2015/08/27 Javascript
jQuery文字提示与图片提示效果实现方法
2016/07/04 Javascript
Javascript数组中push方法用法分析
2016/10/31 Javascript
Angular JS数据的双向绑定详解及实例
2016/12/31 Javascript
JavaScript多态与封装实例分析
2018/07/27 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
2019/04/28 Javascript
vue实现axios图片上传功能
2019/08/20 Javascript
改变layer confirm弹窗按钮的颜色方法
2019/09/12 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
2020/04/09 Javascript
fastcgi文件读取漏洞之python扫描脚本
2017/04/23 Python
python XlsxWriter模块创建aexcel表格的实例讲解
2018/05/03 Python
pycharm安装和首次使用教程
2018/08/27 Python
python实现实时视频流播放代码实例
2020/01/11 Python
基于python SMTP实现自动发送邮件教程解析
2020/06/02 Python
通过自学python能找到工作吗
2020/06/21 Python
20行Python代码实现一款永久免费PDF编辑工具的实现
2020/08/27 Python
加拿大最大的钻石商店:Peoples Jewellers
2018/01/01 全球购物
汉语言文学职业规划
2014/02/14 职场文书
领导班子在批评与自我批评座谈会上的发言
2014/09/28 职场文书
法人单位授权委托书范文
2014/10/06 职场文书
2015年度房地产工作总结
2015/04/09 职场文书
基于nginx实现上游服务器动态自动上下线无需reload的实现方法
2021/03/31 Servers
关于python pygame游戏进行声音添加的技巧
2021/10/24 Python