I'm using jQuery and I have the following code
jQuery(document).ready(function($){
$(".checkParcelamento").click(function(){
var bandeira = $("#bandeiraCartao").val();
var numero_cartao = $("input[name='numero_cartao']").val();
var cvv = $("input[name='cvv']").val();
var mes_cartao = $("input[name='mes_cartao']").val();
var ano_cartao = $("input[name='ano_cartao']").val();
if(numero_cartao == ''){
swal('Erro!', 'Por favor, informe o número do seu cartão para continuar', 'error');
}else if(cvv == ''){
swal('Erro!', 'Por favor, informe o código de segurança para continuar', 'error');
}else if(mes_cartao == ''){
swal('Erro!', 'Por favor, informe o mês da validade para continuar', 'error');
}else if(ano_cartao == ''){
swal('Erro!', 'Por favor, informe o ano da validade para continuar', 'error');
}else{
$gn.ready(function(checkout) {
var callback = function(error, response) {
if(error) {
// Trata o erro ocorrido
console.error(error);
} else {
checkout.getInstallments(50000,bandeira, function(error2, response2){
if(error2) {
// Trata o erro ocorrido
console.log(error2);
} else {
console.log(response2);
$.each(response2, function(i,e){
$.each(e, function(a,b){
if(a == 'installments'){
var html = '<select name="parcelamento" class="form-control">';
$.each(b, function(c,d){
html += '<option value="'+d.currency+'">'+d.installment+'x de '+d.currency+'</option>';
});
html += '</select>';
$("#parcelamento").html(html);
}
});
});
}
});
// Trata a resposta
console.log(response);
}
};
checkout.getPaymentToken({
brand: bandeira, // bandeira do cartão
number: numero_cartao, // número do cartão
cvv: cvv, // código de segurança
expiration_month: mes_cartao, // mês de vencimento
expiration_year: ano_cartao // ano de vencimento
}, callback);
});
}
});
});
The problem occurs in the line $ (".prepareParcelamento"). click (function () {.
When I click the button, instead of executing the code, it returns me the error String vazia passada para getElementById() that it gives in the jQuery file.
Strange is that I have other code that does click normally, but it's not working. The button code:
<div class="form-group">
<input type="button" id="checkParcelamento" class="btn btn-primary checkParcelamento" value="Continuar">
</div>
I have tried using # but the same error occurs.