Não precisa usar id's em cada form
. Basta pegar o form que disparou o evento submit
com this
e $(this)
. Até porque você também está repetindo id's, como o #message
.
Altere o #message
por uma class .message
. Aí basta você buscar os elementos usando this
. Por exemplo:
url: $('input[name=url]', this).val(),
E:
$('.message', this)
E no setTimeout, você faz:
setTimeout(function(){
$this.submit()}, 2000);
Onde a variável $this
você declara no início da função do evento:
var $this = $(this);
Tanto this
quanto $this
representa o form
que chamou o evento.
Também não precisa usar uma função dentro da função do evento. Basta executar o código direto, que será chamado novamente disparando o evento de forma manual no setTimeout
, como mostrado anteriormente em $this.submit()
.
Então o código ficará desta forma:
$('form').submit(function(event) {
event.preventDefault();
var $this = $(this);
$('button[name=submit]', this).attr({
disabled: true
}).html('<i class="fa fa-spinner fa-spin"></i>');
$.ajax({
url: $('input[name=url]', this).val(),
type: 'POST',
dataType: 'json',
data: $this.serialize(),
success: function(a) {
if (a['status'] === 'ok') {
$('.message', this$this).addClass('alert alert-success').html(a['message']);
}
},
error: function(jqXHR, exception) {
if (jqXHR.status === 403) {
$(".message", this$this).removeClass('alert alert-info').addClass('alert alert-danger').html('Limite de taxa excedido.');
$('button[name=submit]', this$this).show().attr({
disabled: false
}).html('<i class="fa fa-plus"></i> Enviar seguidores');
} else {
setTimeout(function(){
$this.submit()}, 2000);
}
},
});
});