11/09/2011, 13:58
| ||||
| ||||
 Desactivar <button> hasta ingresar datos Hola, últimamente he visto en formularios como en los de Google donde una vez que le hayas ingresado la información se activa y te permite enviar. ¿Alguien sabe como hacerlo? |
|
11/09/2011, 14:20
| ||||
| ||||
| Respuesta: Desactivar <button> hasta ingresar datos buenas, eso se hace con scripting (javascript), nada que ver con html. la manera de hacerlo depende en gran medida de cuales son los campos requisitos o si los datos cumplen con cierta validación. por lo que ponerte un ejemplo no te sería tan útil, aunque quizas solo como demostración de como luce. en este ejemplo se valida un solo campo y que cumpla el requisito de estar compuesto por lo mínimo seis caracteres alfabético.
Código:
<form>
<input id="user">
<input type="submit" disabled="disabled" id="send">
</form>
<script>
document.getElementById("user").onkeyup = function(){
document.getElementById('send').disabled = !(/^[a-z]{6,}$/i.test(this.value));
};
</script>
__________________ la maldad es una virtud humana, y la espiritualidad es la lucha del hombre contra su maldad. |
|
12/09/2011, 17:17
| ||||
| ||||
 Respuesta: Desactivar <button> hasta ingresar datos Cita: Hola acabe de hacer lo que escribiste pero no me funciona
Iniciado por zerokilled  buenas, eso se hace con scripting (javascript), nada que ver con html. la manera de hacerlo depende en gran medida de cuales son los campos requisitos o si los datos cumplen con cierta validación. por lo que ponerte un ejemplo no te sería tan útil, aunque quizas solo como demostración de como luce. en este ejemplo se valida un solo campo y que cumpla el requisito de estar compuesto por lo mínimo seis caracteres alfabético.
Código:
<form>
<input id="user">
<input type="submit" disabled="disabled" id="send">
</form>
<script>
document.getElementById("user").onkeyup = function(){
document.getElementById('send').disabled = !(/^[a-z]{6,}$/i.test(this.value));
};
</script>
 Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Probando</title> </head> <body> <script> document.getElementById("user").onkeyup = function(){ document.getElementById('send').disabled = !(/^[a-z]{6,}$/i.test(this.value)); }; </script> <form> <input id="user"> <input type="submit" disabled="disabled" id="send"> </form> </body> </html> |
|
12/09/2011, 17:32
| ||||
| ||||
| Respuesta: Desactivar <button> hasta ingresar datos no funciona por el orden en que has puesto el código. antes de generarse el formulario se esta interpretando el código javascript. al javascript no encontrar el elemento entonces se genera error y todo el script colapsa. invierte el orden tal como lo mostre.
__________________ la maldad es una virtud humana, y la espiritualidad es la lucha del hombre contra su maldad. |
|
12/09/2011, 17:50
| ||||
| ||||
| Respuesta: Desactivar <button> hasta ingresar datos Cita: Si, ya lo invertí y funciona pero me surge una duda al ingresar unos simples números no se activa....
Iniciado por zerokilled no funciona por el orden en que has puesto el código. antes de generarse el formulario se esta interpretando el código javascript. al javascript no encontrar el elemento entonces se genera error y todo el script colapsa. invierte el orden tal como lo mostre. |
|
12/09/2011, 17:54
| ||||
| ||||
| Respuesta: Desactivar <button> hasta ingresar datos Cita: no dice alfanumerico.
Iniciado por zerokilled en este ejemplo se valida un solo campo y que cumpla el requisito de estar compuesto por lo mínimo seis caracteres alfabético.
__________________ la maldad es una virtud humana, y la espiritualidad es la lucha del hombre contra su maldad. |
|
12/09/2011, 18:09
| ||||
| ||||
| Respuesta: Desactivar <button> hasta ingresar datos Cita: Si, ya cheque bien, esta funcionando, te lo agradezco solo por ultimo si no es mucha molestia ¿Como poner más variables? Es decir más casillas....
Iniciado por zerokilled no dice alfanumerico.  |
| Etiquetas: |
