¿Desea exigir un valor en el campo Deslizador numérico o impedir que los usuarios pasen a la página siguiente hasta que se seleccione un valor mínimo? El deslizador numérico no incluye una opción obligatoria, pero puede añadir una validación personalizada.
En este tutorial, mostraremos la validación del lado del servidor para formularios de una sola página y la validación del lado del cliente para formularios multipágina que bloquea los cambios de página hasta que se selecciona un valor válido.
Si necesita ayuda para añadir código, consulte nuestro tutorial sobre cómo añadir fragmentos de PHP personalizados.
Del lado del servidor: Validar al enviar (mejor para formularios de una sola página)
Este fragmento utiliza la función wpforms_process_validate_number-slider para comprobar el valor del deslizador después de enviarlo. Si el valor enviado es 0 (o por debajo de su umbral), añade un error de campo e impide que se guarde la entrada.
Esta validación se ejecuta después de enviar todo el formulario. En formularios multipágina, muestra un error sólo después del envío final. No bloquea el movimiento entre páginas.
Del lado del cliente: Bloquear cambio de página (mejor para formularios multipágina)
Para formularios multipágina, valide en el navegador antes de que el formulario pase a la página siguiente. Este fragmento de código genera un pequeño script que escucha el comando wpformsBeforePageChange y detiene el cambio de página si el valor del deslizador está por debajo de su mínimo.
Ya está. Ahora ya sabe cómo validar el campo Deslizador numérico para formularios de una o varias páginas.