код работает на jsfiddle, но не на моем сайте? - PullRequest
Новая
       35

код работает на jsfiddle, но не на моем сайте?

0 голосов
/ 12 октября 2018

Эй, недавно я нашел какой-то код в Интернете, когда искал метод, который распознает тип кредитной карты по мере ввода цифр, я опробовал код на jsfiddle.net, и он, казалось, работал нормально, пока я не решилчтобы скопировать и вставить код в пустой файл .php, код появится, я не получаю ошибок, но просто не буду делать то, что должен делать.я печатаю код в неправильных местах или что-то?

вот ссылка на оригинальный JSfiddle: http://jsfiddle.net/ipsjolly/9whmL9u0/

и вот мой файл .php: 

<input type="text" class="ckthis">

<div class="showThis"></div>  
   <br><br> 
    SAMPLE TEST NUMBERS
<br><br>

    VISA:
4539435089757850
<br><br>


    <script>
    function detectCardType(number) {
    var re = {
        electron: /^(4026|417500|4405|4508|4844|4913|4917)\d+$/,
        maestro: /^(5018|5020|5038|5612|5893|6304|6759|6761|6762|6763|0604|6390)\d+$/,
        dankort: /^(5019)\d+$/,
        interpayment: /^(636)\d+$/,
        unionpay: /^(62|88)\d+$/,
        visa: /^4[0-9]{12}(?:[0-9]{3})?$/,
        mastercard: /^5[1-5][0-9]{14}$/,
        amex: /^3[47][0-9]{13}$/,
        diners: /^3(?:0[0-5]|[68][0-9])[0-9]{11}$/,
        discover: /^6(?:011|5[0-9]{2})[0-9]{12}$/,
        jcb: /^(?:2131|1800|35\d{3})\d{11}$/
    };
    if (re.electron.test(number)) {
        return 'ELECTRON';
    } else if (re.maestro.test(number)) {
        return 'MAESTRO';
    } else if (re.dankort.test(number)) {
        return 'DANKORT';
    } else if (re.interpayment.test(number)) {
        return 'INTERPAYMENT';
    } else if (re.unionpay.test(number)) {
        return 'UNIONPAY';
    } else if (re.visa.test(number)) {
        return 'VISA';
    } else if (re.mastercard.test(number)) {
        return 'MASTERCARD';
    } else if (re.amex.test(number)) {
        return 'AMEX';
    } else if (re.diners.test(number)) {
        return 'DINERS';
    } else if (re.discover.test(number)) {
        return 'DISCOVER';
    } else if (re.jcb.test(number)) {
        return 'JCB';
    } else {
        return undefined;
    }
}

$(function(){

    $(".ckthis").keyup(function(){
        var thisNum = $(this).val();
        console.log(thisNum);
        $(".showThis").html(detectCardType(thisNum));
    });


});

    </script>

1 Ответ

0 голосов
/ 12 октября 2018

Я не вижу, что вы включили вашу библиотеку JQuery.

Поместите это где-нибудь в свой код (например, внизу над вашими <script> тегами) 

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

Или вы можете загрузить всю библиотеку локально на свой компьютер и вместо этого обратиться к ней.

...