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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • WireShark抓包后数据分析

    WireShark抓包后数据分析在分析数据之前,我们先了解一下我们传输数据的结构体系,如下图:这是两种体系,我们常知的一般都是TCP/IP体系结构。TCP/IP体系架构分析不难发现,TCP/IP体系中包含着很多我们熟悉的协议,比如说:http、smtp、https等。而我们人(使用者)是站在应用层之上的,我们想把数据上传或者说发送给别人,就要通过一些应用,如:QQ、微信、百度网盘等。然后就经过一层层加密(在数据包前加个“头”),一层层的传递。Frame层(物理层)分析这是我自己抓包的一个例子,我从我自己的QQ发了一条消息给朋友,

    2022年9月4日
    4
  • 用户浏览历史记录_微博怎么看最近浏览过的用户

    用户浏览历史记录_微博怎么看最近浏览过的用户用户在访问每个商品详情页面时,都要记录浏览历史记录历史记录只需保存多个商品的sku_id即可,而且需要保持添加sku_id的顺序,所以采用redis中的列表来保存,redis的数据存储设计在配置文

    2022年8月3日
    5
  • tensorflow图像基本处理

    tensorflow库提供的专门的图片处理库,以下只是部分示例,更多函数请参照源码‘\tensorflow\_api\v1\image\__init__.py’加载图像方式1:使用tf.gfil

    2021年12月30日
    42
  • 计算机网络第七版课后习题答案(第一章)(20210321)

    1.计算机网络可以向用户提供哪些服务?(1)连通服务:指计算机网络使上网用户之间可以交换信息,好像这些用户的计算机可以彼此直接连通一样。(2)资源共享:用户可以共享计算机网络上的信息资源、软件资源和硬件资源。2.试简述分组交换的要点。答:分组交换实质上是在“存储——转发”基础上发展起来的。它兼有电路交换和报文交换的优点。分组交换在线路上采用动态复用技术传送按一定长度分割为许多小段的数据—…

    2022年4月16日
    32
  • 下载scrapy失败_手机安装包无法安装怎么办

    下载scrapy失败_手机安装包无法安装怎么办Scrapy安装有问题的,按照这个路径配置下anaconda的环境变量然后进入pycharm里的工作目录输入pipinstall-ihttps://pypi.tuna.tsinghua.edu.cn/simplescrapy安装完成后在cmd中输入scrapy,显示下图内容则证明安装成功:…

    2022年9月17日
    0
  • “007~ASP 0104~不允许操作”错误的解决方法(图解)

    “007~ASP 0104~不允许操作”错误的解决方法(图解)

    2021年11月17日
    49

发表回复

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

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