The value.js SecureField℠ method provides a simple to integrate payment and credit_card tokenization solution for your ecommerce site that works with your custom forms.
Since value.js integrates your site with the value.io kernel you get turnkey access to all of these resources:
<html> <head> <script src='https://api.value.io/assets/value.js' type="text/javascript"></script> <script> window.valueio_write_only_token = "497aa694-297b-4204-8f51-b86dd0ec5a38"; window.valueio_form_selector = "#your-checkout-form"; window.valueio_secure_number_selector = "#payment-card-number"; window.valueio_secure_month_selector = "#payment-card-month"; window.valueio_secure_year_selector = "#payment-card-year"; window.valueio_secure_security_code_selector = "#payment-card-security-code"; window.valueio_method = 'secure_field'; window.valueio_amount = '$1.00'; window.valueio_first_name = "Gilbert" window.valueio_last_name = "Reichert" </script> </head> <body> <form onsubmit="alert('Thank you for your payment!'); return false" id="your-checkout-form"> <label> Credit Card Number <input type='text' id='payment-card-number' placeholder='4111 1111 1111 1111'></input> </label> <label> Credit Card Expiration Month <input type='text' id='payment-card-month' placeholder='01'></input> </label> <label> Credit Card Expiration Year <input type='text' id='payment-card-year' placeholder='17'></input> </label> <label> Credit Card Security Code <input type='text' id='payment-card-security-code' placeholder='123'></input> </label> <button type="submit">Pay Now</button> </form> </body> </html>
These configurations allow for multiple modifications. All configurations may be used to define values, modified to specify the css selector for collecting values via a form field '_selector' or even modified to treat the form elements like credit card data using '_secure'.