Ejemplos útiles - Formularios

En esta página se muestran ejemplos y pistas del uso de formularios en JavaScript

Validación con HTML

JavaScript no es siempre necesario para la validación de formularios ya que con HTML se puede conseguir la mayoría de validaciones simles.

También se aplican estilos en función de la validación de lo elementos

Formulario con elementos obligatorios con `required` y opcionales

Búsqueda de elementos que no sean válidos

Con este código, se puede relegar a HTML la validación, si ésta es suficiente, y comprobar dichos valores con JavaScript

Abre la consola

<script>

function buscarNoValidos() {
    let elementos = document.querySelectorAll("input:invalid");
    for (let node of elementos) {
        console.log("Elemento " + node.nodeName + " name=" + node.name + " del tipo " + node.type);
    }
}

Pulsa el botón para mostrar los elementos input no válidos

Inicio

Validación con HTML

Formulario con elementos obligatorios con required y opcionales

Búsqueda de elementos que no sean válidos

Formulario con elementos obligatorios con `required` y opcionales