¿Como detecto todos los cambios en un input type de un formulario?

publicado por: Anonymous

Buenas, tengo este formulario:

_x000D_

_x000D_

		function balidatu(){_x000D_
			var pas1 = $("#pass").val();_x000D_
			var pas2 = $("#passC").val();_x000D_
			if(pas1 != pas2){_x000D_
				alert("Pasahitzak berdinak izan behar dira.");_x000D_
				return(false);_x000D_
			}else{_x000D_
				return(true);_x000D_
			}_x000D_
		}_x000D_
		$(document).ready(function(){_x000D_
			$("#pass").change(){_x000D_
				$("#posta").val("JAJAJAJAJA");_x000D_
			}_x000D_
		});_x000D_
		

_x000D_

  <div id='page-wrap'>_x000D_
	<span><a href='../HTML5/layout.html'>Atzera</a></span> <br><br>_x000D_
	_x000D_
	<h2>Quiz: crazy questions</h2>_x000D_
    _x000D_
	<div>_x000D_
			<form id="galderenF" name="galderenF" method="post" action="signUp.php" onsubmit="return balidatu()">_x000D_
				_x000D_
				<label for="posta"><strong>Posta (*):</strong></label>_x000D_
				<input type="email" name="posta" id="posta" placeholder="Zure posta"  pattern="[a-zA-Z]{2,}[0-9]{3}@ikasle.ehu.(eus|es)"  required/><br>_x000D_
			 _x000D_
				<label for="deitura"><strong>Deitura (*):</strong></label>_x000D_
				<input type="text" name="deitura" minlength="10" id="galdera" placeholder="Zure deitura" required/><br>_x000D_
				_x000D_
				<label for="nick"><strong>Nick (*):</strong></label>_x000D_
				<input type="text" name="nick" id="erantzunZuzena" placeholder="Zure nick-a" required/><br>_x000D_
				_x000D_
				<label for="pasahitza" ><strong>Pasahitza (*):</strong></label>_x000D_
				<input type="password" name="pasahitza" minlength = "6" id="pass" placeholder="Pasahitza" required/><br>_x000D_
				_x000D_
				<label for="pasEr" ><strong>Pasahitza Errepikatu (*):</strong></label>_x000D_
				<input type="password" name="pasahitzaRep" minlength = "6" id="passC" placeholder="Pasahitza errepikatu" required/><br>_x000D_
				_x000D_
				<input class="botoia" type="submit" id="botoia1" value="Erregistratu" />_x000D_
				<input class="botoia" type="reset" id="botoia2" value="Reset" />_x000D_
				<div id="aster" ><strong> * | Nahitaezko hutsuneak </strong></div><br><br>_x000D_
				_x000D_
			</form>_x000D_
				<div id = "ezkutatu1" style = 'display:block'>Posta egiaztatzen...  </div>_x000D_
				<div id = "erakutsiEgiaBada1" style = 'display:none'> Posta onargarria da </div> _x000D_
				<div id = "erakutsiGezurraBada2" style = 'display:none'> Posta existitzen da WSan </div> _x000D_
				_x000D_
				<div id = "ezkutatu2" style = 'display:block'> Pasahitza egiaztatzen... </div>_x000D_
				<div id = "erakutsiEgiaBada2" style = 'display:none'> Pasahitza onargarria da </div>_x000D_
				<div id = "erakutsiGezurraBada2" style = 'display:none'> Pasahitza ez da onargarria da </div>_x000D_
</div>

_x000D_

_x000D_

_x000D_

Lo que quiero hacer es que cada vez que se cambie un carácter en Pasahitza (contraseña) lea un fichero (lo cual implementaré más tarde cuando sepa como detectar estos cambios).

He probado la funcion change() de jQuery pero no funciona, no sé si es porque change() no vale para lo que quiero o si algo está mal.
Saludos.

solución

Sobre tu inquietud es mejor usar con jquery on, ya que el .click y .change van quedando descontinuados, por tanto si requieres generar un listener seria de la siguiente manera:

$("#tuID").on("change",function(){
  // aqui va el codigo que requieres hacer cuando se genere algun cambio....
});

es importante generar dentro del ready este comportamiento es decir quedaria algo asi:

$(function() {
  // Handler for .ready() called.
  $("#tuID").on("change",function(){
  // aqui va el codigo que requieres hacer cuando se genere algun cambio....
  });
});

la idea es que el input que le haces el listener va a estar a la escucha de los cambios que le hagas; Tambien es importante comtemplar la posibilidad que generes los input dinamicamente con append, por tanto si algun input lo haces asi ten presente que el listener se armaria de la siguiente manera:

$(document).on("change","#tuID",function(){
   // aqui va tu codigo cuando generas un input dinamico y que se le pueda
   // incluir un listener.
});

Saludos, espero te sea de utilidad.

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *