[SOLUCIONADO] comparar cadenas y pintar HTML

Samka · #1 (**permalink**) 06/03/2013, 10:44

tengo dos inputs para contraseñas, para que sean iguales

tengo un comprobador de usuario en AJAX que si existe avisa de que ya existe un usuario con ese nombre (automático conforme escribe) y lo escribe en HTML al lado del input

con los 2 inputs de password me gustaría hacer algo parecido, que no fuese con una alerta al enviar el formulario, que se ejecute conforme escribe el repetir password y lo pinte en HTML al lado

alguna idea?

emprear · #2 (**permalink**) 06/03/2013, 11:41

Cita:

Iniciado por Samka

tengo dos inputs para contraseñas, para que sean iguales

tengo un comprobador de usuario en AJAX que si existe avisa de que ya existe un usuario con ese nombre (automático conforme escribe) y lo escribe en HTML al lado del input

con los 2 inputs de password me gustaría hacer algo parecido, que no fuese con una alerta al enviar el formulario, que se ejecute conforme escribe el repetir password y lo pinte en HTML al lado

alguna idea?

Que se ejecute que cosa? que compare los dos passwords yque recién al ser iguales muestre un mesaje de "correcto"?

Explicate con más precisión

Samka · #3 (**permalink**) 06/03/2013, 12:35

Cita:

Iniciado por emprear

Que se ejecute que cosa? que compare los dos passwords yque recién al ser iguales muestre un mesaje de "correcto"?

Explicate con más precisión

eso es, que los compare y muestre el mensaje de "correcto" o "incorrecto"

emprear · #4 (**permalink**) 06/03/2013, 14:42

querés hacer algo asi (utilicé dos campos de texto para que verifiques)

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<script type="text/javascript">
//<![CDATA[
function verificar(v){
var p1 = document.getElementById('pass1');
if( p1.value != v){
document.getElementById('mensaje').innerHTML = "no coincide";
}else{
document.getElementById('mensaje').innerHTML = "ok";
}
}
//]]>
</script>
</head>
<body>
<form action="#">
pass 1 <input type="text" value="" name="pass1" id="pass1"/><br />
pass 2 <input type="text" value="" name="pass2" id="pass2" onkeyup="verificar(this.value);"/> <span id="mensaje"><!-- mensaje de verificación --></span><br />
</form>
</body>
</html>

De todas formas deberías hacerle algunas mejoras. es muy básico

Saludos

Samka · #5 (**permalink**) 07/03/2013, 02:56

Cita:

Iniciado por emprear

querés hacer algo asi (utilicé dos campos de texto para que verifiques)

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<script type="text/javascript">
//<![CDATA[
function verificar(v){
var p1 = document.getElementById('pass1');
if( p1.value != v){
document.getElementById('mensaje').innerHTML = "no coincide";
}else{
document.getElementById('mensaje').innerHTML = "ok";
}
}
//]]>
</script>
</head>
<body>
<form action="#">
pass 1 <input type="text" value="" name="pass1" id="pass1"/><br />
pass 2 <input type="text" value="" name="pass2" id="pass2" onkeyup="verificar(this.value);"/> <span id="mensaje"><!-- mensaje de verificación --></span><br />
</form>
</body>
</html>

De todas formas deberías hacerle algunas mejoras. es muy básico

Saludos

PERFECTO!! muchas gracias Emprear, ahora lo retocaré para dejarlo a mi gusto