Mostrar un recuento en tiempo real de los campos repetidos en el formulario

¿Le gustaría mostrar un recuento en tiempo real de cuántas filas del campo repetidor se han añadido a su formulario? Esto puede ser útil cuando desea que los usuarios vean cuántos elementos han introducido, especialmente en situaciones como la adición de nombres, tareas o elementos de producto.

En este tutorial, le mostraremos cómo actualizar automáticamente un campo "Count" en tiempo real utilizando un simple fragmento de PHP.

Nota: Este tutorial implica agregar PHP y JavaScript. Si necesita ayuda con la adición de fragmentos a su sitio, por favor revise esta guía sobre la adición de código personalizado para WPForms.

Creación del formulario

Para empezar, cree su formulario e incluya un campo Repetidor junto con un campo de Texto de Línea Única etiquetado con algo como "Recuento". Este campo se actualizará automáticamente y no debe ser rellenado manualmente por el usuario.

Si necesita ayuda para crear un formulario, consulte nuestro tutorial sobre la creación de su primer formulario.

Añadir el fragmento de código

Utilice el siguiente fragmento para activar la función de recuento en directo en su formulario.

Personalización del fragmento de código

Tendrá que actualizar los siguientes ID en el fragmento para que coincidan con su propio formulario:

  • wpforms-5410-field_1-container: Sustituir 5410 con su actual Formulario ID y field_1 con su ID de campo del repetidor.
  • wpforms-5410-field_3: Sustituir field_3 con su Recuento ID de campo.

Para localizar sus ID de formulario y campo, consulte este tutorial.

Una vez añadido este fragmento y actualizados los ID, el campo Recuento se actualizará automáticamente a medida que los usuarios añadan o eliminen filas del repetidor.

Y ya está. Ahora ha añadido un contador dinámico a su campo de repetición, ofreciendo a los usuarios una visión clara de cuántas entradas han realizado.