JSFiddle - React, Tailwind, and code Playground
by didacticode
HTML
<h1>Desarrollo Web en Entorno Cliente</h1>
<h2>UD 06. Formularios</h2>
<p>Actualizado Noviembre 2020</p>
<h2>Licencia</h2>
<p>Reconocimiento – NoComercial - CompartirIgual (BY-NC-SA): No se permite un uso comercial de la obra original ni de las posibles obras derivadas, la distribución de las cuales se debe hacer con una licencia igual a la que regula la obra original.</p>
<h2>Nomenclatura</h2>
<p>A lo largo de este tema se utilizarán distintos símbolos para distinguir elementos importantes dentro del contenido. Estos símbolos son:</p>
<ul>
<li>📖 <strong>Importante</strong></li>
<li>❕ <strong>Atención</strong></li>
<li>💬 <strong>Interesante</strong></li>
</ul>
<h2>Índice de Contenido</h2>
<ol>
<li>Introducción</li>
<li>Acceso a elementos de formularios
<ol>
<li>text</li>
<li>Radio button</li>
<li>checkbox</li>
<li>select</li>
</ol>
</li>
<li>Validación de formularios: evento onsubmit
<ol>
<li>Validar un formulario</li>
<li>Deshabilitar enviar un formulario dos veces</li>
<li>Enviar un formulario desde código</li>
</ol>
</li>
<li>Validación de formularios: Expresiones regulares
<ol>
<li>Expresiones regulares con atributo pattern</li>
<li>Funciones Javascript para el uso de expresiones regulares</li>
</ol>
</li>
<li>Bibliotecas para validación formularios Javascript</li>
<li>Bibliografía</li>
<li>Autores (en orden alfabético)</li>
</ol>
<h2>1. Introducción</h2>
<p>En esta unidad trataremos algunas de las operaciones más habituales en los formularios. En primer lugar veremos cómo acceder a elementos de formularios de distinto tipo. También veremos como validar envíos de formularios a mano, mediante el evento “onsubmit” y el uso sencillo de expresiones regulares.</p>
<p>❕ <strong>Atención:</strong> al programar una aplicación Web, el cliente debe validar la información introducida, pero ello no quita que el servidor también debe validarla, siendo esta validación incluso más importante que la validación en el...