当前位置: 首页 > news >正文

layui动态拼接生成下拉框验证必填项失效问题

利用 jQuery 动态拼接下拉框时,lay-verify="required" 失效了,有以下几种原因。

 

1.  <form></form>标签 加入 layui 类,class="layui-form" 。提交按钮上加自动提交,lay-submit = ""; 。需要验证的标签内加 lay-verify = “required”

2. 由于这是动态添加的元素,所以在初始化的时候元素没有绑定校验规则,所以必填验证失效了。尝试 layui.form.render();  重新渲染表单

3. 需要在下拉框动态拼接option 时,先设置一个空的 <option value=""> </option> 标签, 然后再重新渲染表单,layui.form.render(); 发现 layui-verify 必填验证生效了。 

 

http://www.lryc.cn/news/510718.html

相关文章:

  • VUE3+VITE简单的跨域代理配置
  • Xdebug
  • IDEA | SpringBoot 项目中使用 Apifox 上传接口
  • 列表分页返回对象
  • 微软edge浏览器 v131.0.2903.99便携版
  • Prometheus 专栏 —— Prometheus入门介绍
  • 元宇宙在教育行业主要有哪些应用场景?
  • JZ31 栈的压入、弹出序列
  • 电脑缺失libcurl.dll怎么解决?详解电脑libcurl.dll文件丢失问题
  • Ribbon、Nacos
  • SpringCloudAlibaba实战入门之路由网关Gateway初体验(十一)
  • 【C语言练习(18)—指针传递参数练习】
  • 外网访问 Docker 容器的可视化管理工具 DockerUI
  • Edge SCDN酷盾安全重塑高效安全内容分发新生态
  • NodeRed使用心得,实现增删改查等
  • 【docker系列】打造个人私有网盘zfile
  • 协议幻变者:DeviceNet转ModbusTCP网关开启机器手臂智能新纪元
  • [计算机网络]OSPF协议
  • springcloud2023集成 knife4j 4.4.0 如何关闭
  • Springboot项目下面使用Vue3 + ElementPlus搭建侧边栏首页
  • 华为 IPD,究竟有什么特点?(二)
  • 【Laravel】接口的访问频率限制器
  • 【WRF模拟】如何得到更佳的WRF模拟效果?
  • 机械臂的各种标定
  • Android监听拨打电话
  • Framework开发入门(一)之源码下载
  • TCP off-path exploits(又一个弄巧成拙的例子)
  • Ajax总结
  • 修改网络ip地址方法有哪些?常用的有这四种
  • SpringBoot获取bean的几种方式