Estou usando o jQuery
e tenho o seguinte código
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);
});
}
});
});
O problema ocorre na linha $(".checkParcelamento").click(function(){.
Ao clicar no botão, ao invés de executar o código, ele me retorna o erro String vazia passada para getElementById()
que da no arquivo do jQuery.
O Estranho é que tenho outros códigos que faz o click
normalmente, mas nesse não está dando. O código do botão:
<div class="form-group">
<input type="button" id="checkParcelamento" class="btn btn-primary checkParcelamento" value="Continuar">
</div>
Já tentei usar com # mas o mesmo erro ocorre.