SweetAlert2 使用过程中弹框报错问题记录与解决

做项目过程中，遇到了这个问题便记录了下来

报错位置--->

<input type="text" class="form-control" id="typename" placeholder="请输入类别名">
// 绑定文本框失去焦点事件 获取焦点
$("#typename").blur(function(){// 得到文本框的值var typeName = $("#typename").val();// 判断参数是否为空if(typeName == ""){swal("","类别名不能为空","warning");return;}
});
swal("","类别名不能为空","warning");return;}
});

当在页面测试，文本框失去焦点时，出现如下错误提示，使用的浏览器：Chrome

解决方案--->将这段格式化后的代码改回来就好了，我也不知道为什么?

<div class="swal2-container"><div class="swal2-overlay" tabindex="-1"></div><div class="swal2-modal" style="display: none" tabindex="-1"><div class="swal2-icon swal2-error"><span class="x-mark"><span class="line left"></span><spanclass="line right"></span></span></div><div class="swal2-icon swal2-question">?</div><div class="swal2-icon swal2-warning">!</div><div class="swal2-icon swal2-info">i</div><div class="swal2-icon swal2-success"><span class="line tip"></span> <span class="line long"></span><div class="placeholder"></div><div class="fix"></div></div><img class="swal2-image"><h2></h2><div class="swal2-content"></div><input class="swal2-input"><select class="swal2-select"></select><div class="swal2-radio"></div><label for="swal2-checkbox" class="swal2-checkbox"><inputtype="checkbox" id="swal2-checkbox"></label><textarea class="swal2-textarea"></textarea><div class="swal2-validationerror"></div><hr class="swal2-spacer"><button class="swal2-confirm">OK</button><button class="swal2-cancel">Cancel</button><span class="swal2-close">×</span></div>
</div>

改为--->

<div class="swal2-container"><div class="swal2-overlay" tabindex="-1"></div><div class="swal2-modal" style="display: none" tabindex="-1"><div class="swal2-icon swal2-error"><span class="x-mark"><span class="line left"></span><span class="line right"></span></span></div><div class="swal2-icon swal2-question">?</div><div class="swal2-icon swal2-warning">!</div><div class="swal2-icon swal2-info">i</div><div class="swal2-icon swal2-success"><span class="line tip"></span> <span class="line long"></span><div class="placeholder"></div> <div class="fix"></div></div><img class="swal2-image"><h2></h2><div class="swal2-content"></div><input class="swal2-input"><select class="swal2-select"></select><div class="swal2-radio"></div><label for="swal2-checkbox" class="swal2-checkbox"><input type="checkbox" id="swal2-checkbox"></label><textarea class="swal2-textarea"></textarea><div class="swal2-validationerror"></div><hr class="swal2-spacer"><button class="swal2-confirm">OK</button><button class="swal2-cancel">Cancel</button><span class="swal2-close">×</span></div></div>

正常弹框--->

SweetAlert2 使用过程中弹框报错问题记录与解决相关推荐

mysql登录框万能密码_Sqli-LABS通关笔录-11[sql注入之万能密码以及登录框报错注入]...
在这一关卡我学到了 1.万能密码的构造,大概的去揣测正常的SQL语句是如何的. 2. 3. 00x1SQL万能密码的构造在登录框当中可以添加了一个单引号.报错信息如下所示: 据此报错,我们大概的可以 ...
mysql字段超长会报错吗_MySQL使用过程中的报错处理（持续更新）
MySQL使用过程中的报错处理(持续更新) 一.数据库初始化 1.Percona的MySQL 5.6.20版本数据库初始化初始化命令(MySQL 5.6版本不适用mysqld命令进行初始化) ./s ...
搭建ADG过程中复制报错 RMAN-03009 ORA-03113
搭建ADG过程中复制报错 RMAN-03009 ORA-03113 猜测主备之间网络路由过多导致... 开启mrp进程报错发现数据文件是主库ASM的路径,备库是单机的 switch database ...
安装解压版MySQL时弹框报错提示：缺少 MSVCR120.dll、MSVCP120.dll、vcruntime140.dll等库的终极解决方案
解压版安装时,如果缺少 MSVCR120.dll.MSVCP120.dll.vcruntime140.dll . . . 等库,那么执行mysqld --initialize --console命令时 ...
idea安装及项目导入过程中pom报错解决办法
1.idea安装可用破解版或者在淘宝上买正版账号(20多块钱一年,挺便宜的) 2.pom报错解决办法: 在项目导入过程中pom报错: 原因:相关jar包未下载完.(下载速度慢,因为下载的链接是国外的节 ...
windows下 python 使用 pip 安装TA-Lib报错的原因及解决方法
windows下 python 使用 pip 安装TA-Lib报错的原因及解决方法问题环境问题描述问题原因 & 解决办法问题环境 Windows 10 x64 .python 3.8. ...
cadence SPB17.4 - allegro - CAM350_V10.7CN 引入槽孔(.rou)文件报错问题的优雅解决思路
cadence SPB17.4 - allegro - CAM350_V10.7CN 引入槽孔(.rou)文件报错问题的优雅解决思路文章目录 cadence SPB17.4 - allegro - ...
Vue项目初期报错问题记录大全
这里写自定义目录标题 Vue项目初期报错问题记录大全 1.vs终端无报错,浏览器加载空白,发现Cannot read properties of null (reading 'nextSibling' ...
oracle中00604,【案例】Oracle无法启动报错ORA-00604 ORA-01578官方解决办法
天萃荷净 Oracle研究中心案例分析:运维DBA反映Oracle数据库无法启动并报错ORA-00604 ORA-01578,分析原因为遇核心对象bootstrap$有坏块的解决办法.change b ...

SweetAlert2 使用过程中弹框报错问题记录与解决

SweetAlert2 使用过程中弹框报错问题记录与解决相关推荐

最新文章

热门文章