Como habilitar y deshabilitar un botón al llenar formulario | HTML5 & JAVASCRIPT

Показать описание

En este video aprenderás como habilitar y deshabilitar un botón al llenar completamente un formulario, solo hecho con javascript y html.

Si te gusto el video compártelo en tus redes sociales para que tus amigos también aprendan, dale like y suscríbete!!

Рекомендации по теме

Комментарии

Muchas gracias, era lo que estaba buscando, si bien entendía el razonamiento, no me funcionaba y tu video me ayudó :)

victoriasosa

Buenos días me funciona perfecto con los Text, pero no con el Select

ras-softtecnologiasistema

hola es posible que el usuario no lo desahbilite al hacer click derecho inpeccionar, o con algun framework, sreia genial saber como se hace, saludos.

taoistagames

Sin duda es increíble, habría forma de colocar esa función de desactivado hasta que le den like a mi pagina de Facebook por ejemplo, y también que vean un video de por lo menos 20 segundos? Y que al cumplir esto el boton te pueda redirigir a "x" link?

armandolopez

A pasado un tiempo pero me surgió una duda como podría hacer esto. en una página que sería la principal tengo unos check box y me gustaría hacer que en otra página desaparezcan los check box que no estén seleccionados en la primera .

futefigh

Hola! no me funciono! sigue deshabilitado

dami_bass

Yo lo que quiero es que me bloqueee el input y no el botón ..crees que me sirva esto ?

cristhiancoria

cuando le pones estilo y hover ya no srive

moonlix

Y si lo necesito que se habilite después de un recaptcha

santiagocaballero

Hola que tal y se podría iniciar un formulario deshabilitado y después de terminar de llenar uno ejecutando una consulta se active el siguiente?

erickgp

Bro, llevo ya bastante tiempo viendo y probando tu código pero no me funciona, ¿podrías mandarlo por algún enlace?

juandiegolimacocamarena

Bajale a la Música y compra un microfono, no se entiende absolutamente nada.

adriangutierrez

hola por favor no entiendo porque sigue dandome este problema:
Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
at index.js:34:33
yo no veo ningun error pero el botón no se abilita

file index.js:

function habilitar() {
text_1 =
text_2 =
selecto =

val = 0;

if (text_1 == "") {
val++;
}

if (text_2 == "") {
val++;
}

if (selecto == "") {
val++;
}

if (val == 0) {
= false;
} else {
= true;

}

}

document.getElementById("txt_1").addEventListener("keyup", habilitar);
document.getElementById("txt_2").addEventListener("keyup", habilitar);
document.getElementById("selecto").addEventListener("change", habilitar);
document.getElementById("btn").addEventListener("click", () => {
alert("¡Formulario enviado correctamente!");
});

file index.html:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Formulario validación</h1>
<form action="">
<input id="txt_1" type="text" placeholder="Escribe algo.."/> <br> <br>
<input id="txt_2" type="text" placeholder="Escribe algo.."/> <br> <br>
<select title="title3" id="selecto" type="text">
<option value="">Selecciona elemento..</option>
<option value="1">Primer elemento..</option>
<option value="2">Segundo elemento..</option>
</select> <br> <br>
<button type='submit' id="'btn" disabled >Acepta</button>

</form>
<script src="./index.js"></script>

</body>
</html>

flavio

Buena la idea, pésimo la ejecución y demostración.

Adolfohelfen

me da este error Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') por esta linea document.getElementById("usua").addEventListener("keyup", habilitar);

joleacud

Como habilitar y deshabilitar un botón al llenar formulario | HTML5 & JAVASCRIPT

Como habilitar y deshabilitar un botón al llenar formulario | HTML5 & JAVASCRIPT

Habilitar y Deshabilitar JButton, en JavaNetBeans.

Cómo habilitar o deshabilitar cuenta de usuario Windows 10

Habilitar y deshabilitar el UAC en windows 10

Cómo Habilitar y Deshabilitar un Botón en React JS || Tutorial en Español

Cómo Habilitar o Deshabilitar Puertos USB en Windows 10

Habilitar y deshabilitar un botón en c#, c++ y visual basic

Cómo habilitar o deshabilitar el acceso a HomeKit

Cómo desactivar el modo restringido en la aplicación de YouTube (actualización 2024)

► 19. 🔴【JAVA TIPS】Habilitar y Deshabilitar JComboBox, JButton, JCheckBox, JTextField, Otros... 🚫...

Deshabilitar y habilitar input con javascript facil.

Cómo habilitar o deshabilitar autocorrector en LG G6

Habilitar o Deshabilitar Cuenta de Invitado con Politicas de Grupo local en Windows 10

Cómo habilitar o deshabilitar Inicio rápido en Windows 10

[Tutorial] - Como habilitar y deshabilitar Wifi en tu ordenador.

Habilitar y deshabilitar Un Puerto En Un Switch

HABILITAR / DESHABILITAR INICIO RÁPIDO {ACCESO BIOS / UEFI} [#Windows ]

SIMPLEX FIRE CONTROL PANEL 4007ES - Como habilitar y deshabilitar un dispositivo; DH, MODULOS

Cómo Habilitar O Deshabilitar Puertos USB En Windows 11 | Rápido y Fácil

Como Habilitar O Deshabilitar SMBv2 En Windows 10 / 11

✔️❌ Habilitar o deshabilitar la búsqueda LMHOSTS Windows 10

Cómo Habilitar y Deshabilitar los Puertos USB en Windows 7,8 y 10 de mi PC o Laptop

Como habilitar deshabilitar programas que inician automaticamente en windows 8

COMO HABILITAR Y DESHABILITAR LOS SERVICIOS DE UBICACION DE WINDOWS 11