Olá! Estou usando um ajax em um botão para que quando clico nele este submeta um form, o botão então muda de VALIDAR para VALIDADO, tudo isso sem recarregar a página.
Eis o código:
$('#validar_form').submit(function(event){
$.ajax({
url: 'valida_horaextrarh.php',
type: 'post',
dataType:'html',
data: $('#validar_form').serialize(),
success: function(response, textStatus, jqXHR){
$('#principal').html(response);
},
error: function(jqXHR, textStatus, errorThrown){
console.log('error(s):'+textStatus, errorThrown);
}
});
});
O problema é que o código atual só permite que eu clique nos botões na ordem que são exibidos, imagem abaixo:
Caso eu tente validar a solicitação da Pessoa 3, eu preciso validar primeiro a Pessoa 2, pois caso contrário o botão não executa o ajax.
Como resolver isso para que eu possa clicar nos botões em qualquer ordem?