Estoy publicando, porque estaba buscando una solución y no encontré ninguna respuesta. Me las arreglé para codificar algo que funciona.
Tengo un sitio web de Wordpress con el complemento Formidable Form.
Quiero ocultar el botón "Siguiente" en un formulario de varias páginas de forma predeterminada y mostrarlo solo cuando se completen todos los campos obligatorios. Ya sea radio, casilla de verificación o entrada de texto.
Por supuesto, no es el mejor código y se puede optimizar. Esto puede funcionar para la forma clásica con algunos cambios en las clases.
jQuery(document).ready(function($){ $('.frm_button_submit').css('visibility','hidden'); $(document).bind('keyup change','.frm_opt_container input', function() { var ok = true; $('.frm_required_field .frm_opt_container:visible').each(function(index) { //check si il y au moins un field coche var fields_empty = true; $(this).find("input[type=checkbox], input[type=radio]").each(function(index) { if ( $(this).is(':checked') ) { fields_empty = false; return false; } }); if(fields_empty){ ok = false; return false; } }); var input_not_text = '.frm_required_field:visible input:not(:checkbox):not(:radio)'; $(input_not_text).each(function(index) { if ( $(this).val().length == 0 ) { ok = false; return false; } }); if (!ok) { jQuery('.frm_button_submit').css('visibility','hidden'); } else { jQuery('.frm_button_submit').css('visibility','visible'); } }); });