swal弹窗,sweetalert2具有相同功能的多个swal[通俗易懂]

swal弹窗,sweetalert2具有相同功能的多个swal[通俗易懂]I’dliketomakeaconditionandcallaswalforeachone(Sweetalert2).Butonlyoneoftheswalruns.HowcanIdoit?functionvalidateEmail(email){varregex=/\S+@\S+\.\S+/;returnregex.test(emai…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

swal弹窗,sweetalert2具有相同功能的多个swal[通俗易懂]

I’d like to make a condition and call a swal for each one (Sweetalert2). But only one of the swal runs. How can I do it?

function validateEmail(email) {

var regex = /\S+@\S+\.\S+/;

return regex.test(email);

}

function validateBirth(data) {

var regex = /^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/;

return regex.test(data);

}

function validacao() {

var data = document.getElementById(‘birth’).value;

var email = document.getElementById(’email’).value;

if (!validateBirth(data)) {

swal(

‘title..’,

‘text..’,

‘type..’

);

}

if (!validateEmail(email)) {

swal(

‘title..’,

‘text..’,

‘type..’

);

}

}

解决方案

There’s swal.queue(), use it for multiple modals.

Your case should look like this:

var modals = [];

// birth modal

if (!validateBirth(data)) {

modals.push({title: ‘title1’, text: ‘text1’, … });

}

// email modal

if (!validateEmail(email)) {

modals.push({title: ‘title2’, text: ‘text2’, … });

}

swal.queue(modals);

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/234921.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • C++路标设置「建议收藏」

    C++路标设置「建议收藏」B市和T市之间有一条长长的高速公路,这条公路的某些地方设有路标,但是大家都感觉路标设得太少了,相邻两个路标之间往往隔着相当长的一段距离。为了便于研究这个问题,我们把公路上相邻路标的最大距离定义为该公路的“空旷指数”。现在政府决定在公路上增设一些路标,使得公路的“空旷指数”最小。他们请求你设计一个程序计算能达到的最小值是多少。请注意,公路的起点和终点保证已设有路标,公路的长度为整数,并且原有路标和新设路标都必须距起点整数个单位距离。输入格式:第1行包括三个数l(0<l≤1000,000,00

    2022年8月12日
    8
  • Redis中主、从库宕机如何恢复?

    Redis中主、从库宕机如何恢复?

    2022年2月20日
    37
  • centos卸载宝塔面板_linux系统恢复出厂设置

    centos卸载宝塔面板_linux系统恢复出厂设置1-使用xshell链接服务 进入服务器命令:wgethttp://download.bt.cn/install/bt-uninstall.sh2-   执行脚本命令:shbt-uninstall.sh3-根据提示4-完成更多功能及文档参考地址:https://www.kancloud.cn/he_he/thinkphp5/825080…

    2022年4月19日
    41
  • c#设计登录界面并添加数据库_windows窗体连接数据库

    c#设计登录界面并添加数据库_windows窗体连接数据库本篇文章介绍了C#窗体的数据库连接及登录功能的实现工具或平台:VS2010、sqlserver20121.创建完窗体后,点击数据,选择添加新数据源2.选择数据库3.选择数据集4.新建连接-MicrosoftSQLServer,添加完测试一下5.添加数据库-注意把连接字符串部分复制一下,一会儿要用的6.保存连接字符串到配置文

    2025年12月13日
    4
  • UPdate语句

    UPdate语句

    2021年11月9日
    42
  • SQLyog安装配置详细过程[通俗易懂]

    SQLyog安装配置详细过程[通俗易懂]SQLyog安装配置详细过程一、小啊呜资源分享二、SQLyog安装配置过程叮嘟!这里是小啊呜的学习课程资料整理。好记性不如烂笔头,今天也是努力进步的一天。一起加油进阶吧!

    2022年5月25日
    109

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号