Manejo de entradas de formulario y validación

Curso de JavaScript: Manipulación del DOM

Entendiendo el DOM

¿Para qué aprender JavaScript?

¿Qué es DOM y Window Object?

Explorando Nodos del DOM

Seleccionando y Accesando a Elementos del DOM

Consultando el DOM con getElementById y querySelector

Navegación efectiva entre nodos

Manipulando Elementos del DOM

Modificando atributos y propiedades

Modificando texto en HTML

Modificando estilos en HTML

Modificando la visibilidad de elementos HTML

Creación de elementos con HTML Strings e insertAdjacentElement()

Agregando elementos con innerHTML e insertAdjacentHTML()

Creación de elementos con createElement()

Remover elementos con remove() y removeChild()

Clonación y reemplazo de elementos con cloneNode y replaceChild

Manipulando Eventos en el DOM

Entendiendo eventos y tipos: Burbuja, Captura y Propagación

Agregar y eliminar escuchadores de eventos o Event Listeners

El objeto evento o eventObject

Manejo de entradas de formulario y validación

Delegación de eventos y prevención de comportamiento predeterminado

Creando un Administrador de Tareas

Añadir tareas desde un formulario

Eliminar y editar tareas del DOM

Almacenamiento y carga de datos en localStorage

Eliminar y editar tareas del almacenamiento local

Inspeccionando y solucionando errores en el código

Personalizando la interfaz del administrador de tareas

Aún hay más por aprender

Asincronía en JavaScript

¿Cómo funciona el JavaScript Engine?

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Recursos

Aportes 7

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Santiago Perozo

hace 24 días

```js const name = form.elements["name"] //tambien se puede usar... const name = form["name"]; ```

Pastor Alexander Castro Aguilar

hace 2 meses

La clase de validación de formulario quedo incompleta

Natalia Gallego Heras

hace 2 meses

Esta clase trata del método .preventDefault( ), con el que vamos a evitar que 'submit' cumpla su misión por defecto: enviar los datos, los que sean. Evitando los comportamientos por defecto, podemos ya sí programar cualquier elemento HTML a nuestro gusto.

Sebastian Ruiz Pulache

hace 2 meses

el elements me da error

Calvin Rafael Bobadilla Fernandez

hace 4 días

Codigo hasta ahora: (El video esta modo infinity war pero me imagino que el siguiente es la otra parte) ```js const form = document.getElementById('myForm') form.addEventListener('submit', (event) => { event.preventDefault() const name = form.elements['name'] const email = form.elements['email'] console.log(name) console.log(email) }) ```

Jesus Anguiano Solano

hace 25 días

Los formularios en HTML, por defecto, intentan enviar los datos al servidor cuando se hace clic en el botón de envío (submit). Este comportamiento puede evitarse usando event.preventDefault(), lo que permite manejar la validación y el procesamiento del formulario mediante JavaScript

Carlos Miguel Garcia Hernández

hace 5 días

```js const form = document.getElementById("myForm") const botton = document.querySelector("button") botton.addEventListener("click", (event) => { event.preventDefault() console.log(form[0].value) console.log(form[1].value) }) ```const form = document.getElementById("myForm")const botton = document.querySelector("button") botton.addEventListener("click", (event) =>{ event.preventDefault() console.log(form\[0].value) console.log(form\[1].value)})