Desenvolvi um formulário, quando o usuário clicar no botão enviar aparece um GIF e depois tem que aparecer um modal falando que as informações foram enviadas até ai tudo bem o GIF funciona normal porem quando o formulário e submetido o GIF some e o POPUPnão aparece gostaria de saber se estou fazendo algo errado segue meu código Javascript:
$("#submit-btn").click(function (e) {
e.preventDefault();
var data = $('form').serializeArray();
if ($(this).hasClass('btn-warranty')) {
var inputRangeValue = $('.final-value').first().text();
var specialty = {name: 'specialty', value: $('#specialty').val()};
var value = {name: 'value', value: inputRangeValue + '000'};
data.push(specialty);
data.push(value);
}
if ($(this).hasClass('btn-indenizometro')) {
var question_1 = $('input[name=question_1]:checked').val();
var question_2 = $('input[name=question_2]:checked').val();
var question_3 = $('input[name=question_3]:checked').val();
//var reason = {name: 'reason', value: sessionStorage.tipo };
var monthly = {name: 'monthly', value: $('#monthly-value').text()};
data.push(question_1);
data.push(question_2);
data.push(question_3);
data.push(monthly);
//data.push(reason);
}
var product = {name: 'product', value: window.location.pathname};
data.push(product);
$('.loaderImage').show();
//Ajax post data to server
$.ajax({
type: 'POST',
url: '/request',
data: data,
dataType: 'json',
success: function (data) {
$('.loaderImage').hide();
$('#modal-success').modal('show');
$('form')[0].reset();
},
error: function (data) {
//console.log(data);
}
});
});
OBS: só lembrando que o modal que to usando é do boostrap
.click()
por.on( "click", function () { ... });