Tengo un formulario y quiero cambiar el color de fondo del botón Enviar cada vez que se completan todas las entradas del formulario. Comencé a probar esto con solo 1 campo de entrada, pero el color del botón no cambia en tiempo real a medida que agrego contenido a la entrada. ¿Cómo puedo ajustar mi código para que tan pronto como escriba algo en el cuadro de entrada, lo reconozca y cambie el color del botón en tiempo real?
jQuery(function($){ var teamname = $('#acff-post-acfef_2207cc4_title').val(); if(teamname !== ''){ $('.acff-submit-button').css('background-color', 'red'); } });Debe escuchar el evento de change en el campo de entrada para verificar el valor cada vez que cambia. Lo que está haciendo en este momento es verificar el valor del campo cuando se carga la página.
jQuery(function($){ $('#acff-post-acfef_2207cc4_title').change(() => { if ($(this).val() !== '') { // check input value $('.acff-submit-button').css('background-color', 'red'); } }) });