Estoy tratando de mostrar un div cuando se llenan todas las entradas, pero desafortunadamente no muestra nada aquí es mi JS, funciona en JS FIDDLE pero no en el sitio web
$('#name, #prenom, #password,#confirm_password, #email,#confirm_email').bind('keyup', function() { if(allFilled()) $('.next2').show(); }); function allFilled() { var filled = true; $('body input').each(function() { if($(this).val() == '') filled = false; }); return filled; }Puede convertir la colección jQuery en una matriz y luego usar el método de matriz JS nativo every para verificar si todas las entradas contienen valores.
const inputs = $('input'); inputs.on('keyup', function() { const notEmpty = inputs.toArray().every(input => { return input.value !== ''; }); if (notEmpty) { $('div').show(); } else { $('div').hide(); } }); div { display: none; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input /> <input /> <input /> <input /> <div>All the values!</div>