Tengo el siguiente código que me permite activar o desactivar un campo de texto dependiendo de la opción que se seleccione en el Select:
(document).ready(function() {
$("#Motivo_TrasladoActivo<?=$ta+1?>").on('change',function() {
$("#Motivo_TrasladoActivo<?=$ta+1?> option:selected").each(function () {
var valor=$(this).val();
//alert(valor);
if ($(this).val() === "6") {
$("#Otro_Motivo_TrasladoActivo<?=$ta+1?>").prop("disabled", false);
} else {
$("#Otro_Motivo_TrasladoActivo<?=$ta+1?>").prop("disabled", true);
$("#Otro_Motivo_TrasladoActivo<?=$ta+1?>").val('');
}
});
});
});
ahora el detalle es que quiero validar que si han seleccionado la opción 6 que habilita el campo de texto este no vaya vacío, ahora tengo este código que me permite validar que efectivamente el campo no este vacío.
if($("#Otro_Motivo_TrasladoActivo<?=$ta+1?>").val() == ""){
swal.fire("Si selecciono OTRO MOTIVO favor de completar este campo.","Haga clic en OK para Cerrar","error");
$("#Otro_Motivo_TrasladoActivo<?=$ta+1?>").focus(); // Esta función coloca el foco en el campo de texto.
return false;
}
lo cual me valida digamos correctamente cuando se elige la opción 6, pero ahora el problema es que si regreso el selector a otra opción la que sea no importa cual se seleccione se queda el mensaje de error que no se ha completado el campo. Y solo seleccionando nuevamente la opción 6 y escribiendo algo deja de enviar el mensaje de error.
Me quede sin idea de como resolver esto.
Se agradece cualquier comentario que me ayude a resolver este detalle.
Saludos
Gracias