How do I create a keyup event () to the input type text of "prompt dialog" of alertity?

Question

How do I create a keyup event () to the input type text of "prompt dialog" of alertity?

Navigation

#1 by (1 votes)

0

I can not find how to make the selector of the field that one indicates, it is to validate the entered data.

$(document).on('click', '#agregar', function() {
  alertify.prompt( 'Ventaja', 'Mensaje:', ''
    , function(evt, value) {
      alertify.success('You entered: ' + value)
    }
    , function() {
      alertify.error('Cancel')
    });
});

$( ".ajs-input" ).keyup(function(){
	console.log('se ejecuta el key-up');
	console.log($(this).val());
});

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/alertifyjs/1.10.0/alertify.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/alertifyjs/1.10.0/css/alertify.min.css">

<button type="button" id="agregar" name="agregar" class="btn btn-primary">Agregar</button>

javascript jquery

asked by Pablo Contreras 15.05.2017 в 18:51

source

1 answer

problem with list of options in html Jquery Pop up Form does not work

score 1 · Accepted Answer

You're fine, but you have to move the event inside your function, otherwise as you have it when you want to create the event your alertify object no longer exists so it would not work.

$(document).on('click', '#agregar', function() {
  alertify.prompt( 'Ventaja', 'Mensaje:', ''
    , function(evt, value) {
      alertify.success('You entered: ' + value)
      $('.ajs-input').off('keyup');
    }
    , function() {
      alertify.error('Cancel')
      $('.ajs-input').off('keyup');
    });
    $( ".ajs-input" ).keyup(function(){
	    console.log('se ejecuta el key-up');
        	console.log($(this).val());
    });
});

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/alertifyjs/1.10.0/alertify.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/alertifyjs/1.10.0/css/alertify.min.css">

<button type="button" id="agregar" name="agregar" class="btn btn-primary">Agregar</button>