Here is what I have, and it always results in an error ("acceptJS library error!"). I've tried the various code suggestions from this post. Anyone have any luck?
Also, how does one get back the info from authorize (such as card type, response code, etc)? I had mine with a relay response page before.
<!DOCTYPE HTML>
<meta charset="utf-8">
<html>
<head>
<title>Auth.net Accept.js</title>
<script type="text/javascript" src="https://js.authorize.net/v1/Accept.js"></script>
<script type="text/javascript">
function sendPaymentDataToAnet() {
var secureData = {}, authData = {}, cardData = {};
cardData.cardNumber = document.getElementById('creditCardNumber').value;
//add cvv
cardData.month = document.getElementById('expiryDateMM').value;
cardData.year = document.getElementById('expiryDateYY').value;
secureData.cardData = cardData;
authData.clientKey = 'clientkeyhere';
authData.apiLoginID = 'loginidhere';
secureData.authData = authData;
Accept.dispatchData(secureData, 'responseHandler');
}
function responseHandler(response) {
if (response.messages.resultCode === 'Error') {
for (var i = 0; i < response.messages.message.length; i++) {
console.log(response.messages.message[i].code + ':' + response.messages.message[i].text);
}
alert("acceptJS library error!");
} else {
console.log(response.opaqueData.dataDescriptor);
console.log(response.opaqueData.dataValue);
createTransact(response.opaqueData);
alert("2");
}
}
</script>
</head>
<body>
<form>
CC#: <input type="text" id="creditCardNumber" />
MM: <input type="text" id="expiryDateMM" />
YY: <input type="text" id="expiryDateYY" />
<button type="submit" onclick="sendPaymentDataToAnet()">Pay</button>
</form>
</body>
</html>