Что делаю не так Html5 PHP JS?
Всем привет. Что делаю не так с кнопкой по нажатию которой должно отправить тестовое сообщение на почту. Сам PHP на хостинге работает и данный код отправляет тестовое письмо:
<?php $to = "*****@mail.ru"; $subject = "PHP Mail Test script"; $from = "av"; $message = "This is a test to check the PHP Mail functionality"; $headers = "From:" . $from; // Sendmail in PHP using mail() if (mail($to, $subject, $message, $headers)) { $responseText = 'Mail sent successfully.'; } else { $responseText = 'Unable to send mail. Please try again.'; } ?> |
<?php $to = "*****@mail.ru"; $subject = "PHP Mail Test script"; $from = "av"; $message = "This is a test to check the PHP Mail functionality"; $headers = "From:" . $from; // Sendmail in PHP using mail() if (mail($to, $subject, $message, $headers)) { $responseText = 'Mail sent successfully.'; } else { $responseText = 'Unable to send mail. Please try again.'; } ?>
Вот мой код с кнопкой:
<?php if (isset($_POST["submit_btn"])) { $to = "*******@mail.ru"; $subject = "PHP Mail Test script"; $from = "av"; $message = "This is a test to check the PHP Mail functionality"; $headers = "From:" . $from; // Sendmail in PHP using mail() if (mail($to, $subject, $message, $headers)) { $responseText = 'Mail sent successfully.'; } else { $responseText = 'Unable to send mail. Please try again.'; } } ?> |
<?php if (isset($_POST["submit_btn"])) { $to = "*******@mail.ru"; $subject = "PHP Mail Test script"; $from = "av"; $message = "This is a test to check the PHP Mail functionality"; $headers = "From:" . $from; // Sendmail in PHP using mail() if (mail($to, $subject, $message, $headers)) { $responseText = 'Mail sent successfully.'; } else { $responseText = 'Unable to send mail. Please try again.'; } } ?>
Сам HTML:
<!-- Modal --> <div class="modal fade" id="modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" method="post" action="fff.php"> <div class="modal-dialog"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">X</span></button> </div> <!-- Modal Body --> <div class="modal-body"> <div class="container-fluid"> <div class="row"> <div class="col-md-6"> <ul class="list-group"> <li class="list-group-item"> <input type="checkbox" id="item1" value="А"> <label for="item1">А</label> </li> </ul> </div> <div class="col-md-6"> <ul class="list-group"> <li class="list-group-item"> <input type="checkbox" id="item15" value="Н"> <label for="item15">Н</label> </li> </ul> </div> </div> </div> <!-- Modal Footer --> <div class="modal-footer"> <div class="row"> <div class="col-md-8"> <p>Н*****</p> </div> <div class="col-md-4"> <a href="#" class="btncreate" data-toggle="modal" data-target="#modal" name="submit_btn" value="submit_btn">Кнопка отправки письма</a> </div> </div> </div> </div> </div> </div> </div> |
<!-- Modal --> <div class="modal fade" id="modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" method="post" action="fff.php"> <div class="modal-dialog"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">X</span></button> </div> <!-- Modal Body --> <div class="modal-body"> <div class="container-fluid"> <div class="row"> <div class="col-md-6"> <ul class="list-group"> <li class="list-group-item"> <input type="checkbox" id="item1" value="А"> <label for="item1">А</label> </li> </ul> </div> <div class="col-md-6"> <ul class="list-group"> <li class="list-group-item"> <input type="checkbox" id="item15" value="Н"> <label for="item15">Н</label> </li> </ul> </div> </div> </div> <!-- Modal Footer --> <div class="modal-footer"> <div class="row"> <div class="col-md-8"> <p>Н*****</p> </div> <div class="col-md-4"> <a href="#" class="btncreate" data-toggle="modal" data-target="#modal" name="submit_btn" value="submit_btn">Кнопка отправки письма</a> </div> </div> </div> </div> </div> </div> </div>
Тут прописал: method="post" action="fff.php"
Спасибо.
Дополнительно:
Имеет смысл почитать про теги div, form, a, button
Проще всего поменять разметку на адекватную задаче. Данные собирает форма, а отправляет её кнопка.
Либо писать JS. В вопросе он у вас упомянут, но кода нет.
$('#modal > div.modal-dialog > div > div.modal-body > div.modal-footer > div > div.col-md-4 > a').click(function() { let arr = []; let checkboxes = document.querySelectorAll("input[type='checkbox']:checked"); checkboxes.forEach((item) => { arr.push(item.value) }) }); |
$('#modal > div.modal-dialog > div > div.modal-body > div.modal-footer > div > div.col-md-4 > a').click(function() { let arr = []; let checkboxes = document.querySelectorAll("input[type='checkbox']:checked"); checkboxes.forEach((item) => { arr.push(item.value) }) });
но вот с PHP в связке с JS мало сталкивался.
Ну, развлекайтесь.
var buttons = document.getElementsByClassName('btncreate'); for (var i = 0; i < buttons.length; i++) { buttons[i].addEventListener('click', function(e) { let arr = []; let checkboxes = document.querySelectorAll("input[type='checkbox']:checked"); checkboxes.forEach((item) => { arr.push(item.value) }) }); } |
var buttons = document.getElementsByClassName('btncreate'); for (var i = 0; i < buttons.length; i++) { buttons[i].addEventListener('click', function(e) { let arr = []; let checkboxes = document.querySelectorAll("input[type='checkbox']:checked"); checkboxes.forEach((item) => { arr.push(item.value) }) }); }
Тут прописал: method="post" action="fff.php"
тут это где?
Ankhena, с тегами знаком, не совсем нуб в этом деле, но вот с PHP в связке с JS мало сталкивался.
почему не используте?
Что делаю не так с кнопкой
первое, что делаете не так - это обращаетесь по такому селектору, как у вас
Ответы:
Не хочу показаться недопонимающим, но вы в переменной $to в php не вставили емаил на который должно отправляться письмо)
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Чтобы правильно разметить код на HTML5, PHP и JavaScript, нужно следовать определенным правилам и стандартам каждого языка.
1. HTML5:
- Убедитесь, что ваш HTML5 документ начинается с тега , который указывает браузеру на использование последней версии HTML.
- Всегда используйте парные теги для элементов, например
,
, и т.д.![]()
должен быть закрыт как ![]()
.
- Корректно закрывайте все теги, например
- Используйте семантические теги, такие как