2CO Token Generator

HTML

<script src="https://sandbox.2checkout.com/checkout/api/2co.min.js"></script>
<script src="https://sandbox.2checkout.com/checkout/api/script/publickey/"></script>
 <script type="text/javascript" src="https://www.2checkout.com/checkout/api/2co.js"></script>
<div class="example">
    <p class="instructions">Set your 2Checkout sandbox <strong>sellerId</strong> and <strong>publishableKey</strong> in the form input element values.</p>
    
    <p class="instracutions">
       <ul>
           <li>Valid: 4000000000000002 asdasdasd</li>
           <li>invalid:4333433343334333</li>
        </ul>
    </p>
    
    <form id="myCCForm" action="" method="post">
        <input id="sellerId" type="hidden" value="901388901">
        <input id="publishableKey" type="hidden" value="9A455841-2F32-47F0-B580-EB56B0E33475">
        <input id="token" name="token" type="hidden" value="">
        <div>
            <label>Card #</label>
            <input id="ccNo" type="text" size="20" value="4222222222222220" autocomplete="off" required />
        </div>
        <div>
            <label>Card Exp</label>
            <input type="text" size="2" id="expMonth" value="11" required /> 
            <span> / </span>
            <input type="text" size="2" id="expYear" value="2016" required />
            <span style="font-size:60%">(MM / DDDD)</span>
        </div>
        <div>
            <label>Card CVC</label>
            <input id="cvv" size="4" type="text" value="123" autocomplete="off" required />
        </div>
        <div>
          <span class="spacer">&nbsp;</span>
            <input type="submit" value="Create Token" />
        </div>
    </form>
</div>

CSS

form {
    border:Solid 1px;
}

form div label {background:#C0C0FF;display:inline-block;width:100px;}
form div .spacer {background:#C0C0FF;display:inline-block;width:100px;}

.instructions {
    background:#F0F0FF;
}

JavaScript

// Called when token created successfully.
    function successCallback(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.
    function errorCallback(data) {
        if (data.errorCode === 200) {
            TCO.requestToken(successCallback,
            errorCallback, 'myCCForm');
        } else {
            alert(data.errorMsg);
        }
    }

    $(function () {
        $("#myCCForm").submit(function (e) {
            e.preventDefault();
            TCO.requestToken(successCallback, errorCallback, 'myCCForm');
        });
    });