Form Validator

¡Hola! 👋

¡Gracias! Hemos recibido tu solicitud.
Ups! Algo salió mal al enviar el formulario.
Interacciones
CMS
Boosters

Form Validator

Utilice el validador de formularios de Refokus para crear estados "válidos" y "no válidos" cuando un usuario introduce información en un campo de formulario. Esto admite nombres, direcciones de correo electrónico y números de teléfono.

[.c-title-3-primary]¿Cómo se crean los validadores de formularios en Webflow?[.c-title-3-primary]

Utilice el validador de formularios de Refokus para crear estados "válidos" y "no válidos" cuando un usuario introduce información en un campo de formulario. Esto admite nombres, direcciones de correo electrónico y números de teléfono.

Paso 1

Copiar el

Form Validator

<script> and paste it before the </body> of your page

Copiar el código de la secuencia de comandos
<script
src=
"
https://tools.refokus.com/form-validator/bundle.v1.0.0.js
"
></script>
<script src="https://tools.refokus.com/form-validator/bundle.v1.0.0.js"></script>
Copiar texto en el portapapeles
¡Copiado!
Paso 2

Establecer atributos personalizados

Todo se hace con atributos personalizados, así que cuando decimos "Añadir" significa "Añadir un atributo personalizado".
Más información
enlace de anclaje
Creación de un componente de formulario en su página y activación de la herramienta
enlace de anclaje
Creación de diferentes estados mediante clases combinadas
enlace de anclaje
Creación de un mensaje de error
enlace de anclaje
enlace de anclaje
enlace de anclaje
enlace de anclaje
enlace de anclaje
enlace de anclaje
enlace de anclaje
Notas generales
Paso 3

Publique su sitio en el dominio de ensayo para probar que la herramienta funciona.

Demostración clonable

Publique su sitio en el dominio de ensayo para probar que la herramienta funciona.

¡Gracias!
Ups! Algo salió mal al enviar el formulario.
Danos tu opinión
Compartir en LinkedInCompartir en TwitterCompartir a través de la URL
Otras herramientas de Webflow que pueden interesarle
Volver al directorio
Masonry Layout
Cree un diseño de Masonry (estilo Pinterest) que también sea totalmente receptivo.
Enlace a la herramienta
CMS Filters
Crea uno o más conjuntos de filtros para filtrar los resultados de una lista de colecciones de CMS.
Enlace a la herramienta
Social Share
Añada botones para compartir en redes sociales como Twitter, Linkedin y Facebook en Webflow.
Enlace a la herramienta