Tengo un formulario generado dinámicamente ajax:
<form id="formThatWillBeReplcaedViaAjax"> <div class="col-main"> <div class="row"> <div class="input-group"> <input id="some_unique_generated_id_27362" aria-invalid="false" ... > </div> </div> <div class="row"> <div class="input-group"> <input id="some_unique_generated_id_27363" aria-invalid="false" ... > </div> </div> <div class="row"> <div class="input-group"> <input id="some_unique_generated_id_27364" aria-invalid="false" ... > </div> </div> </div> </form> Tengo una función de animación ( loader() ) y la función que reemplaza el formulario actual con el siguiente formulario ( requestNextForm() )
Quiero verificar recorriendo el formulario con JS puro o JQuery para verificar si todos los atributos aria-invalid son iguales a "false" .
Si es así, deje que loader() cargue la animación y solo luego solicite el siguiente formulario a través requestNextForm() .
¿Cómo puedo hacerlo con JQuery o JS o quizás Lodash?
¡Gracias de antemano!
querySelectorAll'input[aria-invalid]:not([aria-invalid="false"])' que se traduce como: devolver todos los elementos de entrada que tienen un atributo aria-invalid cuyo valor no es "false"Así es como podría verse el código:
var ariaInvalidNotFalse = document.querySelectorAll('input[aria-invalid]:not([aria-invalid="false"])'); if(ariaInvalidNotFalse.length > 0){ // Some elements have aria-invalid // but with a value that is not false } else { // All inputs with aria-invalid // have it set to "false" // Call loader() etc... }