title: Sweetalert2 multiple input validation
body: <p>I'm trying to have multiple forms inside mutiple modals, as I've read I have to use <code>swal.mixin</code> with queue, all of these forms have multiple inputs inside. </p>
  
  <p>I've already done that, but can't find a way to validate all of these forms, any sugestion? </p>
  
  <p>Here's my code:</p>
  
  <pre><code>    swal.mixin({
      confirmButtonText: 'Siguiente',
      buttonsStyling: false,
    }).queue([
      {
        html: 
          "&lt;form class='formulario' action='' method='post'&gt;" +
  
            "&lt;div class='fila'&gt;"+
              "&lt;img src='src/images/svg/icons/person.svg' class='imagen'/&gt;"+
              "&lt;input id='name' class='espacio-datos' name='nombre' type='text' placeholder='Nombre' maxlength='20' required&gt;" +
            "&lt;/div&gt;"+
  
            "&lt;div class='fila'&gt;"+
              "&lt;img src='src/images/svg/icons/id.svg' class='imagen'/&gt;"+
              "&lt;input id='ced' class='espacio-datos' name='num_ident' type='text' placeholder='Cedula' onkeypress='onlyNumbers(event)'&gt;" +
            "&lt;/div&gt;"+
  
            "&lt;div class='fila'&gt;"+
              "&lt;img src='src/images/svg/icons/phone.svg' class='imagen'/&gt;"+
              "&lt;input id='tlf' class='espacio-datos' name='num_telef' type='text' placeholder='Telefono' onkeypress='onlyNumbers(event)'&gt;" +
            "&lt;/div&gt;"+
          "&lt;/form&gt;",
        preConfirm: function () {        
          var array = {
            'nombre' : $("#name").val(),
            'cedula' : $("#ced").val(),
            'telefono' : $("#tlf").val(),
          }
  
          return array;
        },
      },
      {
        html:
          "&lt;form action='' method='post'&gt;" + 
            "&lt;div class='main-cont'&gt;"+
              "&lt;span&gt;" +
                "Por favor ingresa el codigo de verificacion NUIP "+
                "que hemos enviado a tu celular" +
              "&lt;/span&gt;"+
  
              "&lt;div class='row cuadros'&gt;" +
                "&lt;input id='num-1' class='inp-num' data-pos='0' type='text' maxlength='1' name='one' onkeypress='isInputNumber(event)' autofocus='autofocus'/&gt;" +
                "&lt;input id='num-2' class='inp-num' data-pos='1' type='text' maxlength='1' name='two' onkeypress='isInputNumber(event)'&gt;" +
                "&lt;input id='num-3' class='inp-num' data-pos='2' type='text' maxlength='1' name='three' onkeypress='isInputNumber(event)'&gt;" +
                "&lt;input id='num-4' class='inp-num' data-pos='3' type='text' maxlength='1' name='four' onkeypress='isInputNumber(event)'&gt;" +
              "&lt;/div&gt;" +
            "&lt;/div&gt;"+
          "&lt;/form&gt;",
  
        preConfirm: function () {
          return [
            $("#num-1").val(),
            $("#num-2").val(),
            $("#num-3").val(),
            $("#num-4").val(),
          ];
        },
      }
  </code></pre>