Tengo un formulario que cuando el usuario no ha terminado todos los campos el botón de envió esta en disabled
hasta hay todo bien pero quiero que cuando el usuario le de click se ejecute una function que le muestre los input
que faltan en rojo para que los termine de rellenar.
Pero no logro ejecutar ninguna function cuando esta disabled ¿Hay alguna forma de hacerlo?
Les dejo un ejemplo de mas o menos lo que necesito e igual no me sale el
console.log()
.
De antemano muchas gracias.
$("#enviar").click(function(){
console.log("click en el boton que esta disabled")
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="con-formulario">
<label for="">Nombre</label>
<input type="text" name="" value="">
<label for="">Correo</label>
<input type="text" name="" value="">
<label for="">Clave</label>
<input type="text" name="" value="">
</div>
<button disabled id="enviar" type="button" name="button">Enviar disabled</button>