layui的提示——form表单自带的

最新推荐文章于 2022-07-21 11:20:26 发布
最新推荐文章于 2022-07-21 11:20:26 发布
阅读量1.2k 收藏
点赞数
分类专栏： 前端 文章标签： layui 弹出框
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sun_of_Rainy/article/details/86609978
版权

 

项目上遇到问题，我的页面没有用form表单展示数据，而是自己用js动态生成的页面，当没有查到数据时，总是弹出下面的提示框，这很容易让人误解是系统出错了，于是我想办法去掉它，找了好一会，它默认提示是操作失败，我把它的提示信息改了，但是前面的红叉还是看起来不爽，想换掉红叉，然后又试呀试，最后把这个提示框去掉了

解决办法：

删掉layui里面的form元素，这样就没有弹出框了

 

Sunlalalla
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决layui中的form表单与button的点击事件冲突问题
10-18
在开发Web应用时，我们经常会遇到各种前端框架的交互问题，其中之一就是在layui中处理form表单与button点击事件冲突的问题。layui是一个轻量级的前端组件库，它提供了丰富的UI元素和交互功能，包括表单组件和按钮。...
layui 解决form表单点击无反应的问题
10-16
今天小编就为大家分享一篇layui 解决form表单点击无反应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui自带的表单验证提醒样式
weixin_42253577的博客
07-21 2243
layui自带的表单验证提醒样式,手写时统一样式 id为元素id,message为提示语 $('#id').addClass('layui-form-danger').focus(); layer.msg(message, {icon: 5, anim: 6});
form 表单默认的提示
weixin_30883311的博客
11-09 292
<form method="get" action="" class="form"> <input type="text" name="text" class="text" onblur="if(this.value == '')this.value='在此输入您要查找的内容，点击搜索';" onclick="if(this.value == '在此输...
layui表头添加提示语
qq_22744093的博客
06-15 893
layui表头添加提示语
Layui的table表单提示数据接口请求异常解决方法
qq1140037586的博客
03-03 9745
Layui的table表单提示数据接口请求异常 因为我也是刚刚接触Layui这个框架，当时看官方文档对于返回接口数据类型的解释，我是懵的，开始我以为就是一个简单的Json格式的数据，后来看了很多msdn上的大佬的文章，才搞明白它的返回数据类型就是一个消息头+Json格式数据 后台传过来的数据大致是这个样子的： { UserJson=[{ "msg":"ok", "code":0, ...
layui写弹出框显示表单信息_fsLayuiPlugin数据表格弹出form表单说明
weixin_35456031的博客
12-29 241
fsLayuiPlugin 是一个基于layui的快速开发插件，支持数据表格增删改查操作，提供通用的组件，通过配置html实现数据请求，减少前端js重复开发的工作。GitHub下载 码云下载测试环境地址：http://fslayui.itcto.cncss和js引用公共css和js必须全部引用form表单新增操作新增只需要关注按钮配置form表单基于layui.form 监听提交事件，不需要配置f...
layui 对弹窗 form表单赋值的实现方法
12-29
<div class=layui-form lay-filter=useradmin id=useradmin> <div class=layui-form-item> <label class=layui-form-label>用 户 名 <div class=layui-input-inline> <input type=text name=username lay-...
layui实现form表单同时提交数据和文件的代码
10-16
总的来说，layui通过结合`layui-form`和`layui-upload`，实现了在同一个表单中同时提交文本数据和文件的功能。这种做法在Web应用中非常常见，特别是在用户注册、个人资料编辑等场景下。通过合理的HTML结构和...
H5，form文本提示
weixin_44479107的博客
05-22 330
<input type="text" name="username" placeholder="小可爱" > <textarea rows="10" cols="30" placeholder="请简单介绍一下自己" ></textarea> placeholder ：在输入框还没有输入的时候，主动提示内容，当输入内容时，自动消失 ...
layui表格显示文本 layui表格怎么显示指定提示文本
hsk199805的博客
07-21 791
layui表格显示文本 layui表格怎么显示指定提示文本。
layui 表单submit提交之后弹窗返回状态
倚栏丶听雨 的博客
11-16 3994
form表单需要指定id <form id="form" action="" method="post" enctype="multipart/form-data"> ... ... <input class="site-login-btn" type="submit" value="提交"/> ... 页面地部需要引入layui js等插...
layui 表单校验自定义和界面标签形式显示提示内容
飞熊的博客
10-14 2161
最近帮别人修改一个layui框架写的界面，项目在本地运营的时候校验提示正常，放到服务器校验提示就乱码了，由于对layui不熟悉，不知道源码怎么处理，因此想看看layui有没有自定义的方法，因此找到了lay-verify 和lay-reqText标签 ，前提是你的layui版本必须是layui-v2.5.6 及以上 我的是layui-v2.5.6 ，可能最低版本是2.5要求吧 layui表单元素的校验只需在元素上加入lay-verify，layui提供了以下值。<input type="tex..
修改Layui表单验证提示框样式
热门推荐
honvin的博客
10-02 1万+
一直以来都认为layui挺好看的，包括它的弹层组件layer，不过今天恰好碰到了layui表单验证弹框的位置和样式不能调整的问题；它的默认样式是这样的： 因为我页面布局的关系，弹框挡住了按钮，所以我决定得修改一下弹框方式，于是我去看了一下文档，发现弹框的类型是可以修改的，就是给input加上lay-verType属性 我用这种方式试了一下，效果如下 可惜这种方法只能改变弹...
layui form表单验证不弹出提示
扶摇的博客
04-11 5381
今天使用layui的时候表单验证的提示没有了，咱也不知道咋回事儿，咱也不敢问啊！废了老鼻子劲找了半天才找到问题。 下面看一下我实际上想要的layui提示效果，弹出一个框： 但是因为一些小问题，提示框变成介个亚子？更严重的根本就没有？ 样式呢？？？没有了！！！ 提示呢？？？没有了？？？直接给我提交了。 后来仔细看了好长时间官方文档才找到症结所在[捂脸] 官方文档 先贴出页面源码： <!-...
layui 表单form提交加弹窗
qq_40833874的博客
12-12 2332
导包 点击删除按钮弹出提示框 /*删除开始*/ $(".del").click(function () { var id = $(this).attr("id"); layer.alert('您确定要删除操作吗?', { skin: 'layui-layer-molv' //样式类名 自定义样式 , closeBtn: 1 // 是否显示关闭按钮 , a...
禁用layui动态创建的弹窗表单input输入框
weixin_40425415的博客
11-12 891
禁用layui动态创建的弹窗表单input输入框 window.layui.layer.open({ type: 1, title: 'Edit users', maxmin: true, //开启最大化最小化按钮 area: ['600px', '400px'], content: `<form class="layui-form" lay-filter="formEdit" action=""
Layui 弹框的 实现，可以利用弹框的确定取消按钮，来实现对form表单的提交动作！
desert568的博客
04-26 3490
第一步，先把html考到页面底部，好吧。[html] view plain copy&lt;!-- 编辑的内容 --&gt;  &lt;div id="bjnr" style="display: none;"&gt;      &lt;form class="layui-form" action="" id="saveupdateform"&gt;       
layui 插件from提交自定义提示
qq_32403351的博客
08-21 1639
在我们工作的时候，可能会有以下场景： 业务场景：提交form时，会遇到两个输入框必填其中一项的业务 PS:此处需要设置input或其他form表单中的输入项，其中lay-verify=“attachmentUrl” 需要在两个这样的input中存在，用下面的解决方案 解决方案： 赶快去试试吧！有问题的话欢迎留言！ ...
layui 多个form表单只提交一个
最新发布
03-31
首先，给每个需要提交的表单设置一个唯一的 id，然后在页面加载完成后，使用 layui 的 form.on() 方法监听表单提交事件，当任意一个表单提交时，获取该表单的数据并存储到一个全局变量中，然后阻止表单提交。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值