Блог

Главная - Вопросы по программированию - Новичок в Laravel, пытаюсь интегрировать форму оплаты Square

Новичок в Laravel, пытаюсь интегрировать форму оплаты Square

#laravel #square-connect

#laravel #square-connect

Вопрос:

Я следовал инструкциям на веб-сайте Square.

У меня есть весь необходимый код, подключенный к моему приложению, как показано на square, но ресурс (‘js/square.js ‘) вызов по какой-то причине не нашел файл. Итак, я просто добавил скрипт в конец resources/js/app.js файл, похоже, не содержит ошибок, но форма выглядит неправильно.Форма Square.

Комментарии:

1. Вы действительно можете нажать там, где написано «Номер карты» и ввести? Похоже, что это может быть просто проблема со стилем (CSS), но не уверен на 100%, основываясь на изображении.

2. совсем нет. вот HTML для формы….

3. Видите ли вы какие-либо ошибки консоли в вашем браузере после загрузки страницы?

4. Когда я попытался запустить скрипт, как предложено на сайте Square. (пример: <script src=»{{ asset(‘js/square.js ‘)}}» отложить></script>) Я получил сообщение об ошибке, в котором говорилось, что файл не найден.

5. Извините за задержку. И у вас есть этот файл? Вам нужно создать JS-файл с инициализацией формы оплаты и для обработки обратных вызовов.

Ответ №1:

                    <form id="nonce-form" novalidate action="PATH/TO/PAYMENT/PROCESSING/PAGE" method="post">
                        @csrf
                        <fieldset>
                            <span class="label">Card Number</span>
                            <div id="sq-card-number"></div>

                            <div class="third">
                                <span class="label">Expiration</span>
                                <div id="sq-expiration-date"></div>
                            </div>

                            <div class="third">
                                <span class="label">CVV</span>
                                <div id="sq-cvv"></div>
                            </div>

                            <div class="third">
                                <span class="label">Postal</span>
                                <div id="sq-postal-code"></div>
                            </div>
                        </fieldset>

                        <button id="sq-creditcard" class="button-credit-card" onclick="requestCardNonce(event)">Pay $1.00</button>

                        <div id="error"></div>

                        <!--
                          After a nonce is generated it will be assigned to this hidden input field.
                        -->
                        <input type="hidden" id="card-nonce" name="nonce">
                    </form>