Genero un form con un checklist básicamente con puro HTML (puros radiobuttons y un botón guardar) cuyo resultado, con el botón guardar al píe del formulario, recojo y envío en una variable con un pequeño script.
El check list se arma en una página html y se muestra en celulares.
El problema que tengo, es controlar o replicar y contar, los mensajes de error propios de los radio buttons.
Ya que el checklist es bastante largo (ocupa varias pantallas). Este es dinámico y se forma con n labels de puntos a checar con sus respectivos radio buttons de 2 opciones "Bien" / "mal" con la opción "Requerido" para cada par.
Este puede llegar a tener de 120 a 300 puntos a checar y todos deben ser calificados (Bien/Mal). Así que el mensaje propio del radio button "Requerido" puesto en cada par de radiobuttons y perdido 5 pantallas más arriba es por completo inútil.
Por ello quisiera poner, a un lado del botón que guarda el resultado, un mensaje unificando los errores. Por ejemplo "Faltaron 3 puntos sin calificar, por favor responda esos puntos antes de guardar".
Así el usuario ya sube y busca esos n puntos que faltaron de responder.
Hay un modo de hacer eso?
De antemanos gracias por cualquier sugerencia.
Este es el script que uso para enviar la información. Cómo sólo me interesan los que están mal, el primer grupo va en ceros como control para saber que se realizó.
Son el id del punto, un control y el valor, que como sólo es los que están mal, simpre es 1.
Código:
function loopForm(rform) { var elLength = rform.elements.length; var radioResults = '0, 0, 0 ;'; for (var i = 0; i < elLength; i++ ) { if (rform.elements[i].type == 'radio') { if (rform.elements[i].checked == true) { if (rform.elements[i].value == 1) { radioResults += rform.elements[i].name + ', ' + rform.elements[i].title + ', ' + rform.elements[i].value + ' ;'; } } } }