cancel
Showing results for 
Search instead for 
Did you mean: 

How to mark Card Code as 'required' on hosted payment information form?

I need Card Code value as required; CVV field does not have * marker and I can submit form without entering value.

Followed documentation for acceptjs (option 2) https://developer.authorize.net/api/reference/features/acceptjs.html 

Section "Integrating the Hosted Payment Information Form" describes Button Input Parameters, but I do not see option for making CVV required.

Form snipped:

<script type="text/javascript"
    src="https://jstest.authorize.net/v3/AcceptUI.js"
    charset="utf-8">
</script>


<form id="paymentForm"
    method="POST"
    action="https://localhost/paymentProcessing">
    <input type="hidden" name="dataValue" id="dataValue" />
    <input type="hidden" name="dataDescriptor" id="dataDescriptor" />
    <button type="button"
        class="AcceptUI"
        data-billingAddressOptions='{"show":true, "required":true}'
        data-apiLoginID="{masked}"
        data-clientKey="{masked}"
        data-acceptUIFormBtnTxt="Submit"
        data-acceptUIFormHeaderTxt="Card Information"
        data-paymentOptions='{"showCreditCard": true, "showBankAccount": false}'
        data-responseHandler="responseHandler">Pay
    </button>
</form>

Form lightbox:

valeksandrov_0-1694638605785.png

Any suggestions?

 

valeksandrov
Member
2 REPLIES 2

Required fields are configured in the merchant account.

marine2026
Trusted Contributor

Settings in the merchant account does not help. I had to add 

data-billingAddressOptions='{"show":true, "required":true}'

to mark address field as requited.