Маскировка кредитной карты - jquery - PullRequest
Новая
       30

Маскировка кредитной карты - jquery

0 голосов
/ 23 января 2020

Я пытаюсь получить специальное форматирование для поля ввода кредитной карты, используя jquery с maskedinput. js.

В настоящее время моя маскировка - xxxx-xxxx-xxxx-xxxx, и я хотел бы пользователь должен будет ввести только 6 первых и четыре последние цифры и оставить цифры посередине как '*', например:

1234-12 ** - **** - 1111

У меня есть следующий код для достижения этой цели: 

<!DOCTYPE html>
<html lang="en">
  <head>

    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.maskedinput.js"></script>


        <script type="text/javascript" src="js/jquery.placeholder.min.js"></script>


    <script type="text/javascript">

        jQuery(document).ready(function($){


            var creditcard = $("#creditcard").mask('9999-9999-9999-9999', {placeholder:'X'});


        });             

    </script>

</head>

<body>

    <div class="smart-wrap">
        <div class="smart-forms smart-container wrap-3">

            <div class="form-header header-primary">
                <h4><i class="fa fa-pencil-square"></i>Form </h4>
            </div><!-- end .form-header section -->

            <form method="post" action="/" id="account2">
                <div class="form-body">



                        <div class="section colm colm6">
                            <label for="creditcard" class="field-label">Credit Card Number</label>
                            <label for="creditcard" class="field">
                                <input type="text" id="creditcard" name="creditcard" class="gui-input" placeholder="Credit Card Number">
                            </label> 
                        </div><!-- end .section section -->

                    </div><!-- end .frm-row section -->

                </div><!-- end .form-body section -->
                <div class="form-footer">
                    <button type="submit" class="button btn-primary"> Send Form </button>
                </div><!-- end .form-footer section -->
            </form>

        </div>
    </div>

    <div></div>

</body>
</html>

какая-либо подсказка, как этого добиться? Есть ли для этого специальный параметр?

...