Отправка данных с формы на почту JS

668
20 июля 2017, 00:57

Здравствуйте, у меня есть две формы

<form class="order-form" method="post">
          <p>
            <label class="visibility-hidden" for="name-field-one">Ваше имя</label>
            <input type="text" name="name" id="name-field-one" placeholder="Имя" required>
          </p>
          <p>
            <label class="visibility-hidden">Ваш телефон</label>
            <input type="text" name="number" id="number-field-one" placeholder="Телефон" required>
          </p>
          <p>
            <label class="visibility-hidden">Ваш email</label>
            <input type="email" name="email" id="email-field-one" placeholder="Email">
          </p>
          <p>
            <button  class="order-button" type="submit">Отправить</button>
          </p>
        </form>

и

<form class="modal-form" method="post">
          <p>
            <label class="visibility-hidden" for="name-field-two">Ваше имя</label>
            <input type="text" name="name" id="name-field-two" placeholder="Имя" required>
          </p>
          <p>
            <label class="visibility-hidden">Ваш телефон</label>
            <input type="text" name="number" id="number-field-two" placeholder="Телефон" required>
          </p>
          <p>
            <label class="visibility-hidden">Ваш email</label>
            <input type="email" name="email" id="email-field-two" placeholder="Email">
          </p>
          <p>
            <button  class="order-button modal-btn" type="submit">Отправить</button>
          </p>
        </form>

Необходимо чтобы данные с формы отправлялись на почту, я видел реализацию данной задачи на php, вопрос в том, можно ли это сделать на чистом js или jquery и будет ли это верным решением? Если да, то как? Подскажите пожалуйста.

Для кнопки "Отправить" в первой форме в js у меня прописано preventDefault, будет ли это влиять на отправку данных?

Answer 1

Нашел на просторах гугла этот плагин jquery.textmistake. Статья на хабре. Вы при этом не пишете код на сервере, плагин сделает всё сам, думаю разберетесь.

Answer 2

https://itchief.ru/lessons/bootstrap-3/creating-feedback-form-using-bootstrap-php-and-ajax как вариант, там через аякс отправляется запрос к пхп файлу, который просто лежит в папке с проектом и который даже не надо трогать. но данные там не на почту отправляются, а в текстовый документ в папку с проектом. при желании можешь переделать))

READ ALSO
Как сделать сайт с движущимся и масштабируемым изображением?

Как сделать сайт с движущимся и масштабируемым изображением?

Хочу сделать сайт, на котором будет карта местности (изображение), которую можно будет двигать, нажимая и двигая мышку и увеличивать и уменьшать...

264
Можно ли методу alert присвоить id?

Можно ли методу alert присвоить id?

Можно ли методу alert присвоить id? Суть такая,нужно,чтобы перекидывало на другую страницу,только при условии,если данные были верно введеныНо...

341
распознать текст с картинки (php)

распознать текст с картинки (php)

здравствуйте, можете посоветовать готовый класс/функцию для распознавания текста с картинки?

557
Литература по связи MySQL и PHP

Литература по связи MySQL и PHP

Посоветуйте пожалуйста хорошей литературы по работе с MySQL на PHPВидел хорошие статьи, но они либо слишком краткие и особо в них понять и разобраться...

210