Cacher is the code snippet organizer for pro developers

****mark up:

<label class="ccjs-number">
    Card Number
    <input class="ccjs-number ccjs-number-formatted"  onblur="encrypt()" runat="server" id="ccnumber" placeholder="•••• •••• •••• ••••" inputmode="numeric" autocomplete="cc-number" autocompletetype="cc-number" x-autocompletetype="cc-number">
    <asp:HiddenField ID="hdnCardNumber" runat="server" />
    <asp:HiddenField ID="hdnCardCVN" runat="server" />
</label>
<label class="ccjs-csc">
    Security Code
    <input class="ccjs-csc" name="csc"  onblur="encrypt()" placeholder="•••" runat="server" ID="ccpin"  inputmode="numeric" pattern="\d*" autocomplete="cc-csc" autocompletetype="cc-csc" x-autocompletetype="cc-csc">
</label>

****javascript:

function encrypt() {
    $('input[name*="hdnCardNumber"]').val(
        eCrypt.encryptValue(
            $('input.ccjs-number').val()
        )
    );
    $('input[name*="hdnCardCVN"]').val(
        eCrypt.encryptValue(
            $('input.ccjs-csc').val()
        )
    );
}