Paso 8

Formularios con @nexa/forms

Progressive enhancement sobre la Constraint Validation API nativa del navegador — sin reglas propias, sin reinventar la validación de HTML5.

Marcar el formulario

<form data-nexa-form>
    <label for="email">Email</label>
    <input id="email" name="email" type="email" required />
    <p data-nexa-error-for="email"></p>
    <button type="submit">Enviar</button>
</form>

data-nexa-form activa la mejora progresiva; data-nexa-error-for muestra el mensaje de validación nativo del campo correspondiente.

Costo cero si no se usa

// Ninguna página sin <form data-nexa-form> descarga @nexa/forms.
// Cero configuración, cero bytes si no se usa.

initForms() solo se inyecta si la página tiene un <form data-nexa-form> de verdad — mismo criterio que el resto de Nexa.