This is a straightforward project to improve the payment form on our website at [url removed, login to view] The current form doesn't detect errors or omitted information and needs to do so. The form should detect if the customer has input all of the required fields (name, address, city, state, zip code, payment amount, credit card number, expiration date, security code) and notify them of missing information before they submit the form.
I would prefer this form use AJAX or JSON to identify the missing fields in real time. It would also be good to pre-check the algorithm of the credit card number to reduce submission errors.
When the form is submitted, currently there is no return action programmed into the site to receive the API message from the processor. We need to create a return hook that interprets the message from the processor and directs the user to a page with a formatted message such as "payment accepted," or "card declined."
We use Merchant Plus and the Navigate portal to process payments. It appears this service mocks the actions of Authorize.net.
The purpose of this payment page is to allow customers who receive an invoice to pay it online without having to create an account or use any credentials to sign in. It should allow them to submit their payment with a simple web form and no additional work.