Cajas de entrada múltiples: alertifyjs / Jquery

Question

Jul 06, 2018, 02:10 PM

javascript jquery html dialog confirmation

Cajas de entrada múltiples: alertifyjs / Jquery

Estoy tratando de crear un cuadro de diálogo de solicitud utilizando alertifyjs que tiene múltiples cuadros de entrada. He logrado crear el cuadro de diálogo para mostrar los cuadros múltiples, pero parece que no puedo hacer referencia a las entradas que proporciona el usuario.

Quiero escribir si la declaración que lleva a cabo una acción basada en la entrada del usuario cuando presiona OK. Sin embargo, el botón Aceptar no parece funcionar y las sentencias if no funcionan tan bien. No estoy seguro de lo que podría estar haciendo mal, ¿alguien puede ayudarme?

Debajo está mi código:

<!DOCTYPE html>
<html>
<head>
     <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/build/css/alertify.min.css"/>
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/build/css/themes/bootstrap.min.css"/>
    <script src="//cdn.jsdelivr.net/npm/[email protected]/build/alertify.min.js"></script>


</head>

<body> 

<div style="display:none;" >
    <div id="dlgContent">
        <p> Enter Value One </p>
        <input class="ajs-input" id="inpOne" type="text" value="Input One Default Value"/> 

        <p> Enter Value Two </p>
        <input class="ajs-input" id="inpTwo" type="text" value="Input two default Value"/> 

    </div>
</div>

<!-- the script  -->

<script>
  var dlgContentHTML = $('#dlgContent').html();

$('#dlgContent').html(""); 
alertify.confirm(dlgContentHTML).set('onok', function(closeevent, value) { 
                    var inpOneVal = $('#inpOne').val();
                    var inpTwoVal = $('#inpTwo').val();
                    updateListItems(inpOneVal,inpTwoVal);   
                  if (inpOneVal == "test" && inpTwoVal == "test") {
                      alertify.success('Successful');
                   } else {
                      alertify.error('Wrong')

                    }
                }).set('title',"Update");
 </script>

</body>   
</html>

Enlace a JSfiddle:http: //jsfiddle.net/1qouxdkc/4