Laravel Контакт Fom конфликтует с Javascript переменными на HTML - PullRequest
Новая
       124

Laravel Контакт Fom конфликтует с Javascript переменными на HTML

0 голосов
/ 28 апреля 2020

Я пытаюсь добавить контактную форму Laravel на главную страницу веб-сайта (нет отдельной страницы контактной формы). Ранее я успешно интегрировал HTML макета WordPress темы Divi в Laravel после клонирования его с помощью Httrack.

Моя проблема: контактная форма отправляется в mailtrap.io, но только когда я удаляю javascript код с домашней страницы HTML код.

Вот конфликтующий код javascript (отображается в нижней части HTML с помощью Httrack): 

<script type='text/javascript'>
/* <![CDATA[ */
var DIVI = { "item_count": "%d Item", "items_count": "%d Items" };
var et_shortcodes_strings = { "previous": "Previous", "next": "Next" };
var et_pb_custom = { "ajaxurl": "1.23" };
var et_pb_box_shadow_elements = [];
/* ]]> */
</script>

Я могу ' t просто избавиться от приведенного выше javascript кода, иначе он стирает раздел домашней страницы.

Форма контакта (HTML из клонированной темы Divi HTML) выглядит следующим образом: 

@if (session('status'))
<div class="alert alert-success">
    {{ session('status') }}
</div>

@ else 

<form class="et_pb_contact_form clearfix form" method="POST">

    {{ csrf_field() }}



    <p class="et_pb_contact_field et_pb_contact_field_0 et_pb_contact_field_half" data-id="name" data-type="input">
        <label for="name" class="et_pb_contact_form_label">Name</label>
        <input type="text" id="name" class="input" value="" name="name" required data-required_mark="required" data-field_type="input" data-original_id="name" placeholder="Name">
    </p>
    <p class="et_pb_contact_field et_pb_contact_field_1 et_pb_contact_field_half et_pb_contact_field_last" data-id="email" data-type="email">
        <label for="email" class="et_pb_contact_form_label">Email</label>
        <input type="text" id="email" class="input" value="" name="email" required data-required_mark="required" data-field_type="email" data-original_id="email" placeholder="Email Address">
    </p>
    <p class="et_pb_contact_field et_pb_contact_field_2 et_pb_contact_field_last" data-id="service-9" data-type="input">
        <label for="subject" class="et_pb_contact_form_label">Subject</label>
        <input type="text" id="subject" class="input" value="" name="subject" required data-required_mark="required" data-field_type="input" data-original_id="service-9" placeholder="Subject">
    </p>
    <p class="et_pb_contact_field et_pb_contact_field_3 et_pb_contact_field_last" data-id="message" data-type="text">
        <label for="message" class="et_pb_contact_form_label">Requests</label>
        <textarea name="message" id="message" class="et_pb_contact_message input" required data-required_mark="required" data-field_type="text" data-original_id="message" placeholder="Requests"></textarea>
    </p>


    <div class="et_contact_bottom_container">


        <button type="submit" name="et_builder_submit_button" class="et_pb_contact_submit et_pb_button" 4>Submit</button>

    </div>


</form>

@ endif

Что нужно сделать, чтобы остановить конфликт?

Почему это работает без javascript код, но не работает с ним?

Спасибо за ваши наблюдения, очень признателен.

Я рассмотрел предложенные здесь исправления, но они не применяются:

Отправить письмо из контактной формы в Laravel 5, используя jQuery AJAX

JQUERY / AJAX Запрос не проходит и конфликтует

Laravel Контактная форма на одностраничном веб-сайте

Laravel Несоответствие токена csrf для ajax Запрос POST

...