Sweetalert2多个相同函数的swal



我想为每一个创建一个条件并调用一个swal (Sweetalert2)。但只有一只小鹿跑了。我该怎么做呢?

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..'
    );
  }
}

更新2021:

让你的函数asyncawaitSwal.fire()承诺:

async function validacao() {
  var data = document.getElementById('birth').value;
  var email = document.getElementById('email').value;
  if (!validateBirth(data)) {
    await Swal.fire(
      'title..',
      'text..',
      'type..'
    );
  }
  if (!validateEmail(email)) {
    await Swal.fire(
      'title..',
      'text..',
      'type..'
    );
  }
}

旧答案,不能用于最新版本的SweetAlert2:

swal.queue(),多模态使用

你的案例应该是这样的:

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);

相关内容

  • 没有找到相关文章

最新更新