Здравствуйте, у меня есть две формы
<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, будет ли это влиять на отправку данных?
Нашел на просторах гугла этот плагин jquery.textmistake. Статья на хабре. Вы при этом не пишете код на сервере, плагин сделает всё сам, думаю разберетесь.
https://itchief.ru/lessons/bootstrap-3/creating-feedback-form-using-bootstrap-php-and-ajax как вариант, там через аякс отправляется запрос к пхп файлу, который просто лежит в папке с проектом и который даже не надо трогать. но данные там не на почту отправляются, а в текстовый документ в папку с проектом. при желании можешь переделать))
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости