0
166
Vistas¿Botón deshabilitado cuando la llamada de datos aún se ha superado?
el botón está deshabilitado incluso a través del valor de entrada obtenido hasta que tengo que eliminarlo manualmente y agregar el botón para habilitarlo?
Obtuve este script de javascript donde puedo deshabilitar mi botón, sin embargo, cuando los datos colocan el campo de entrada en algún valor, el botón aún está deshabilitado a pesar de tener ese valor hasta que tengo que hacer clic manualmente en el campo de entrada para editar
Esto es lo que quiero decir, el botón está deshabilitado aún cuando escribo mi campo de contraseña 
¿Cómo puedo deshabilitar el botón aún si el valor es ninguno pero el botón está habilitado cuando hay valor en él?
$('input[type="email"]' && 'input[type="text"]' && 'input[type="password"]' && 'input[id="confirm_password"]' && 'input[id="validationName"]').keyup(function() { if ($(this).val() != '') { $(':button[type="submit"]').prop('disabled', false); } else { $(':button[type="submit"]').prop('disabled', true); } });2 Respuestas
Responde la pregunta0
podrías filtrar
Alternativamente, asigne a todos los campos un atributo required , entonces el formulario no se puede enviar
const $fields = $('input[type="email"], input[type="text"], input[type="password"], input[id="confirm_password"], input[id="validationName"]') const dis = function() { const empty = $fields.filter(function() { return this.value === '' }).length > 0; $(':button[type="submit"]').prop('disabled', empty) }; $fields.keyup(dis) dis() <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <form id="myForm"> <input type="email" value="@" /> <input type="text" /> <button type="submit">Submit</button> </form>0
Si está usando jQuery, creo que necesita usar el separador de coma , en lugar de && . También puede optimizar if...else asignando directamente el valor booleano a prop deshabilitado.
$('input[type="email"], input[type="text"], input[type="password"], input[id="confirm_password"], input[id="validationName"]').keyup(function() { $(':button[type="submit"]').prop('disabled', $(this).val() === ''); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <input type="email" value="@"/> <input type="text" /> <input class="button" type="submit" />