Tenho esse método:
var getCardToken = function () {
var passa = true;
var code = false;
var acardNumber= $("#ContentPlaceHolder1_txtNmCartao").val();
var acvv= $("#ContentPlaceHolder1_txtCodigoDeSeguranca").val();
var aexpirationMonth= $("#ContentPlaceHolder1_cmbMesCartao").val();
var expirationYear = $("#ContentPlaceHolder1_cmbAnoCartao").val();
var naoTitular = $("#ContentPlaceHolder1_chkNaoTitular")[0].checked;
var cpfTitular = $("#ContentPlaceHolder1_txtCpfTitular").val();
var foneTitular = $("#ContentPlaceHolder1_txtFoneTitular").val();
var dataNascimento = $("#ContentPlaceHolder1_txtDataNascimento").val();
if (!naoTitular) { // se for o titular do cartao quem esta efetuando a compra
if (acardNumber == "" && acardNumber != null) {
passa = false;
};
if (acvv == "" && acvv != null) {
passa = false;
};
if (aexpirationMonth == "Mês" && aexpirationMonth != null) {
passa = false;
};
if (expirationYear == "Ano" && expirationYear != null) {
passa = false;
};
} else { // se nao for o titular do cartao devemos olhar outros campos.
if (cpfTitular == "" && cpfTitular != null) {
passa = false;
};
if (foneTitular == "Mês" && foneTitular != null) {
passa = false;
};
if (dataNascimento == "Ano" && dataNascimento != null) {
passa = false;
};
}
if (passa) {
//se os dados estao preenchidos corretamente
PagSeguroDirectPayment.createCardToken({
cardNumber: $("#ContentPlaceHolder1_txtNmCartao").val(),
cvv: $("#ContentPlaceHolder1_txtCodigoDeSeguranca").val(),
expirationMonth: $("#ContentPlaceHolder1_cmbMesCartao").val(),
expirationYear: $("#ContentPlaceHolder1_cmbAnoCartao").val(),
success: function (response) {
//token gerado, esse deve ser usado na chamada da API do Checkout Transparente
$("#ContentPlaceHolder1_hideTcc").val(response.card.token);
console.log($("#ContentPlaceHolder1_hideTcc").val());
code = true;
},
error: function (response) {
console.error(response);
alert("Ocorreu um erro ao verificar os dados do cartão, por favor atualize a pagina e tente novamente!");
code = false;
},
complete: function (response) {
}
});
};
return code;
};
a chamada para ele ocorre assim:
<asp:button ID="cmdAvancarEndereco" runat="server" cssclass="btn btn-success btn-lg" OnClientClick="return getCardToken();" text="Avançar >"></asp:button>
me deram a dica que se eu colocar assim : OnClientClick="return getCardToken();"
o Code-Behind
só é executado se o retorno da function JS
for true
Porem o que esta acontecendo e que a function executa ate o final, retorna false, e depois volta pra este ponto (como se executasse duas vezes):
PagSeguroDirectPayment.createCardToken({
cardNumber: $("#ContentPlaceHolder1_txtNmCartao").val(),
cvv: $("#ContentPlaceHolder1_txtCodigoDeSeguranca").val(),
expirationMonth: $("#ContentPlaceHolder1_cmbMesCartao").val(),
expirationYear: $("#ContentPlaceHolder1_cmbAnoCartao").val(),
success: function (response) {
//token gerado, esse deve ser usado na chamada da API do Checkout Transparente
$("#ContentPlaceHolder1_hideTcc").val(response.card.token);
console.log($("#ContentPlaceHolder1_hideTcc").val());
code = true;
},
error: function (response) {
console.error(response);
alert("Ocorreu um erro ao verificar os dados do cartão, por favor atualize a pagina e tente novamente!");
code = false;
},
complete: function (response) {
}
});
esses métodos sao functions de callback, o problema e que eu só poderia retornar algum valor (true/false) depois de executar as functions de callback que é la que e definido se vai ou nao para o codebehind.
Esse é o comportamento normal? Existe uma forma de executar esse callback antes de retornar a function?