Soporte » Plugins y Hacks » WooCommerce » Errores de formularios bajo los campos

  • Hola, buenas tardes 🙂

    Tengo un problemilla que por lo que he podido ver en Internet, es bastante común pero no consigo solucionarlo.

    Cuando se produce un error en un formulario, ya sea el de Checkout, el de Login, etc., aparece una horrible lista de fallos en la parte superior de la página indicando que ha habido un error en tal o cual campo.

    Me gustaría lograr que esos errores apareciesen bajo el campo afectado, o sea, si se ha rellenado mal el email que el mensaje de error aparezca bajo el campo email, no en la parte superior de la página, la parte superior de la página que no la toque ni haga autoscroll como ahora.

    ¿Hay algún plugin que permita conseguir esto incluso con campos personalizados como por ejemplo el del DNI?

    Lo más cerca que he estado de lograrlo ha sido con Cartimize, pero hace caso omiso de los errores de campos personalizados, incluyendo DNI y la casilla GDPR que he conseguido colocar en el formulario (ambas cosas con plugins). Como resultado, Cartimize permite al cliente hacer la compra aunque el DNI esté mal o no haya aceptado la política de privacidad.

    Un saludo.

    • Este debate fue modificado hace 2 años, 3 meses por albridi.
    • Este debate fue modificado hace 2 años, 3 meses por jose64.
    • Este debate fue modificado hace 2 años, 3 meses por jose64. Razón: Añadir enlace del plugin
Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Moderador jose64

    (@jose64)

    Hols.

    @fernandot publicó una entrada en su blog resolviendo eso sin necesidad de plugins:

    WooCommerce: Cómo mostrar los errores en el pago junto al campo con error

    Con respecto a lo del DNI, la validación no depende de WooCommerce sino de la forma en que lo estés incluyendo (código personalizado o plugin), lo que necesitas no es el DNI ni el CIF (un anacronismo que no existe desde 2008), es el NIF y contempla muchas variantes.

    Iniciador del debate albridi

    (@albridi)

    Hola @jose64 gracias por responder 🙂 !

    Le acabo de echar un vistazo a lo de @fernandot, y es casi lo que busco. En mi caso, quiero encontrar otros dos añadidos: que la validación se produzca debajo del campo y no sobre él, evitando así el descuadre visual de los campos, y que no aparezca el listado de errores para que la página no haga scroll. Igual no existe esta opción en plugins, pero seguro que se puede implementar en código de alguna forma, ya que cuando configuras la tienda por vez primera, el formulario que te presenta WooCommerce cumple con todo esto, o sea, los errores aparecen bajo los campos del formulario, y no hay listado ni scroll. Pero luego, en los formularios de la tienda, ponen este método de validación tan poco elegante.

    Para el NIF (DNI), estoy utilizando el plugin WC – APG Campo NIF/CIF/NIE, me parece muy completo, pero por desgracia no resalta el campo en rojo. Si la validación depende de ese plugin en concreto, supongo que debería comentarlo en el soporte de dicho plugin entonces.

    Un saludo.

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El debate ‘Errores de formularios bajo los campos’ está cerrado a nuevas respuestas.