Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  <meta charset="utf-8">
  <title>2Checkout Sandbox Create Token</title>
</head>
<body>
  <p>Set your 2Checkout sandbox <strong>sellerId</strong> and <strong>publishableKey</strong> in the 'args' object.</p>
  
  <form id="myCCForm" action="" method="post">
    <input id="token" name="token" type="hidden" value="">
    <div>
      <label>
        <span>Card Number</span>
        <input id="ccNo" type="text" value="" autocomplete="off" required />
      </label>
    </div>
    <div>
      <label>
        <span>Expiration Date (MM/YYYY)</span>
        <input id="expMonth" type="text" size="2" required />
      </label>
      <span> / </span>
      <input id="expYear" type="text" size="4" required />
    </div>
    <div>
      <label>
        <span>CVC</span>
        <input id="cvv" type="text" value="" autocomplete="off" required />
      </label>
    </div>
    <input type="submit" value="Create Token">
  </form>
​
  <script src="https://www.2checkout.com/checkout/api/2co.min.js"></script>
​
  <script>
    // Called when token created successfully.
    var successCallback = function(data) {
      var myForm = document.getElementById('myCCForm');
      myForm.token.value = data.response.token.token;
      prompt("Copy token to clipboard: Ctrl+C, Enter", data.response.token.token);
    };
    
    // Called when token creation fails.
    var errorCallback = function(data) {
      // Retry the token request if ajax call fails
      if (data.errorCode === 200) {
        tokenRequest();
      } else {
        alert(data.errorMsg);
      }
    };
​
    var tokenRequest = function() {
      // Setup token request arguments
      var args = {
        sellerId: "901310661",
        publishableKey: "23BE0781-EE7F-44FE-A3EE-03726AEE083D",
        ccNo: $("#ccNo").val(),
        cvv: $("#cvv").val(),
        expMonth: $("#expMonth").val(),
        expYear: $("#expYear").val()
      };
​
      // Make the token request
      TCO.requestToken(successCallback, errorCallback, args);
    };
​
    $(function() {
      // Pull in the public encryption key for our environment
      TCO.loadPubKey('sandbox');
​
      $("#myCCForm").submit(function(e) {
        // Call our token request function
        tokenRequest();
​
        // Prevent form from submitting
        return false;
      });
    });
  </script>
</body>
</html>
 
​
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers