button layui 点击事件_解决layui中的form表单与button的点击事件冲突问题

解决layui中的form表单与button的点击事件冲突问题

layui的form表单位置和button标签的位置重合,会使得button的click事件得不到响应,如图:

蓝色底为form的位置,“重新搜索”为标签的位置,此时,button标签的click事件无法响应。

必须将form的宽度减小,到不和button标签重合

如下图:

此时按钮正常响应click

以上这篇解决layui中的form表单与button的点击事件冲突问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

时间: 2018-08-14

本文实例讲述了layui.js实现的表单验证功能.分享给大家供大家参考,具体如下: 该示例可针对文本框,手机,邮箱,textarea等格式进行验证 首先引入如下文件:

1.需求:使用layer在弹窗内完成新增,成功后提示并刷新页面(父页面,list页面) 2.实现 a* 页面效果图 b*页面代码 --构建from表单

你可能感兴趣的:(button,layui,点击事件)