Что делаю не так Html5 PHP JS?

Question

[Максим К]

Всем привет. Что делаю не так с кнопкой по нажатию которой должно отправить тестовое сообщение на почту. Сам 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
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>

Тут прописал: method="post" action="fff.php"

Спасибо.

Comments

[Ankhena]

Имеет смысл почитать про теги div, form, a, button

Проще всего поменять разметку на адекватную задаче. Данные собирает форма, а отправляет её кнопка.

Либо писать JS. В вопросе он у вас упомянут, но кода нет.

[Максим К]

Ankhena, вот и сижу размышляю как лучше реализовать, в jS пока просто заглушка, которая собирает данные с checkbox.

$('#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)
    })
});

[Максим К]

Ankhena, с тегами знаком, не совсем нуб в этом деле, но вот с PHP в связке с JS мало сталкивался.

[Ankhena]

Максим К, это что за дичь в селекторе? У вас у кнопки есть класс.

но вот с PHP в связке с JS мало сталкивался.

Ну, развлекайтесь.

[Ипатьев]

А при чем здесь РНР, я стесняюсь спросить?

[Максим К]

Ankhena, согласен )), можно и проще к кнопке обратится.

[Максим К]

Максим К,

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 мало сталкивался.

почему не используте?

[Александр Торопов]

Что делаю не так с кнопкой

первое, что делаете не так - это обращаетесь по такому селектору, как у вас

Answer 1

[Александер фон Крюков-Беллинсгаузен-Магеллан-Демидович-Эйлер]

Не хочу показаться недопонимающим, но вы в переменной $to в php не вставили емаил на который должно отправляться письмо)