Continuo editando mi página y ahora descubro que al cargar una página en un modal con AJAX, ciertas funciones de JS no se ejecutan, como por ejemplo, activar/desactivar botones, poner en mayúsculas los inputs, entre otros.
Si la página la utilizo fuera del modal, sin AJAX, todo funciona. Pero si llamo al modal mediante AJAX, no... ¿qué debería ver en mi código?
Con este código cargo el modal
function usuario_editar(id_editar) {
$.ajax({
type: 'POST',
url: '../head_menu/usuarios_edicion.php',
data:{id:id_editar},
success: function(data) {
$('#modal_usuario_edicion .modal-body').html(data);
}
});
}
Ese código que carga el modal, está en el mismo archivo JS que contiene las funciones que no se me están ejecutando.
Una de las funciones de JS que no se ejecuta en el modal:
function habilitar_btn_actualizar_usuario_edit() {
var txt0dni = document.getElementById('txt_dni').value;
var txt0apellidos = document.getElementById('txt_apellido').value;
var txt0nombres = document.getElementById('txt_nombre').value;
if (txt0dni && txt0apellidos && txt0nombres) {
document.getElementById('btn_actualizar').disabled = false;
} else {
document.getElementById('btn_actualizar').disabled = true;
}
}