Как правильно добавить две формы на одну страницу?

Question

[sergo573]

Имеются две формы:
1:

spoiler

<form class="contact-form" id="contact-form-data">
                    <div class="row">
                        <!--Result-->
                        <div class="col-12" id="result"></div>
                        <!--Left Column-->
                        <div class="col-md-5">
                            <div class="form-group">
                                <input class="form-control" id="your_name" name="userName" placeholder="Ваше имя" type="text">
                            </div>
                            <div class="form-group">
                                <input class="form-control" id="your_email" name="userEmail" placeholder="Email" type="email">
                            </div>
                            <div class="form-group">
                                <input class="form-control" id="subject" name="userSubject" placeholder="Тема" type="text">
                            </div>
                        </div>
                        <!--Right Column-->
                        <div class="col-md-7">
                            <div class="form-group">
                                <textarea class="form-control" id="message" name="userMessage" placeholder="Сообщение"></textarea>
                            </div>
                        </div>
                        <!--Button-->
                        <div class="col-md-12">
                            <a href="javascript:void(0);" class="btn btn-medium btn-rounded btn-green w-100 contact_btn main-font mt-4">Написать сообщение</a>
                        </div>
                    </div>
                </form>

2:

spoiler

<form class="contact-form" id="modal-contact-form-data">
                    <div class="row">
                        <!--Result-->
                        <div class="col-12" id="quote_result"></div>
                        <!--Left Column-->
                        <div class="col-md-12">
                            <div class="form-group">
                                <input class="form-control" id="your_name" name="userName" placeholder="Ваше имя" type="text">
                            </div>
                        </div>
                        <!--Button-->
                        <div class="col-md-12">
                            <a href="javascript:void(0);" class="btn btn-medium btn-rounded btn-green w-100 modal_contact_btn main-font mt-4">Написать сообщение</a>
                        </div>
                    </div>
                </form>

Comments

[sergo573]

Так же есть файл js:

spoiler

//contact us form
$(".contact_btn").on('click', function () {
    //disable submit button on click
    // $(".contact_btn").attr("disabled", "disabled");
    // $(".contact_btn b").text('Sending');
    $(".contact_btn i").removeClass('d-none');

    //simple validation at client's end
    var post_data, output;
    var proceed = "true";
    // var allBlank;

    var str = $('#contact-form-data').serializeArray();

    $('#contact-form-data input').each(function() {
        if(!$(this).val()){
            // alert('Some fields are empty');
            proceed = "false";
        }
    });

    //everything looks good! proceed...
    if (proceed === "true") {

        var pathArray = window.location.pathname.split('/');
        var secondLevelLocation = pathArray[3];

        var accessURL;
        if(secondLevelLocation){
            accessURL="/contact-mailer.php";
        }else{
            accessURL="/contact-mailer.php";
        }
        //data to be sent to server
        $.ajax({
            type: 'POST',
            // url: 'vendor/contact-mailer.php',
            url: accessURL,
            data: str,
            dataType: 'json',
            success: function (response) {
                if (response.type == 'error') {
                    output = '<div class="alert-danger" style="padding:10px 15px; margin-bottom:30px;">' + response.text + '</div>';
                } else {
                    output = '<div class="alert-success" style="padding:10px 15px; margin-bottom:30px;">' + response.text + '</div>';
                    //reset values in all input fields
                    $('.contact-form input').val('');
                    $('.contact-form textarea').val('');
                }

                if ($("#result").length) {
                    // alert("yes");
                    $("#result").hide().html(output).slideDown();
                    $(".contact_btn i").addClass('d-none');
                }else{
                    if (response.type == 'error') {
                        Swal.fire({
                            type: 'error',
                            icon: 'error',
                            title: 'Oops...',
                            html: '<div class="text-danger">'+ response.text +'</div>',
                        })
                        $(".contact_btn i").addClass('d-none');
                    }else{
                        Swal.fire({
                            type: 'success',
                            icon: 'success',
                            title: 'Success!',
                            html: '<div class="text-success">'+ response.text +'</div>',
                        })
                        $(".contact_btn i").addClass('d-none');
                    }
                }
            },
            error: function () {
                alert("Failer");
            }
        });

    }
    else
    {
        if ($("#result").length) {
            // alert("yes");
            output = '<div class="alert-danger" style="padding:10px 15px; margin-bottom:30px;">Пожалуйста, заполните все поля.</div>';
            $("#result").hide().html(output).slideDown();
            $(".contact_btn i").addClass('d-none');
        }else{
            Swal.fire({
                icon: 'error',
                type: 'error',
                title: 'Oops...',
                html: '<div class="text-danger">Пожалуйста, заполните все поля.</div>'
            })
            $(".contact_btn i").addClass('d-none');
        }

    }


});



//modal window form

$(".modal_contact_btn").on('click', function () {
    //disable submit button on click
    // $(".modal_contact_btn").attr("disabled", "disabled");
    // $(".modal_contact_btn b").text('Sending');
    $(".modal_contact_btn i").removeClass('d-none');

    //simple validation at client's end
    var post_data, output;
    var proceed = "true";

    var str=$('#modal-contact-form-data').serializeArray();

    $('#modal-contact-form-data input').each(function() {
        if(!$(this).val()){
            proceed = "false";
        }
    });

    //everything looks good! proceed...
    if (proceed === "true") {
        var pathArray = window.location.pathname.split('/');
        var secondLevelLocation = pathArray[3];

        var accessURL;
        if(secondLevelLocation){
            accessURL="/contact-mailer.php";
        }else{
            accessURL="/contact-mailer.php";
        }
        //data to be sent to server
        $.ajax({
            type : 'POST',
            //  url : '/contact-mailer.php',
            url : accessURL,
            data : str,
            dataType: 'json',
            success: function(response) {
                if (response.type == 'error') {
                    output = '<div class="alert-danger" style="padding:10px 15px; margin-bottom:30px;">' + response.text + '</div>';
                } else {
                    output = '<div class="alert-success" style="padding:10px 15px; margin-bottom:30px;">' + response.text + '</div>';
                    //reset values in all input fields
                    $('#modal-contact-form-data input').val('');
                    $('#modal-contact-form-data textarea').val('');
                }


                if ($("#quote_result").length) {
                    $("#quote_result").hide().html(output).slideDown();
                    $(".modal_contact_btn i").addClass('d-none');
                }else{
                    if (response.type == 'error') {
                        Swal.fire({
                            type: 'error',
                            icon: 'error',
                            title: 'Oops...',
                            html: '<div class="text-danger">'+ response.text +'</div>',
                        })
                        $(".modal_contact_btn i").addClass('d-none');
                    }else{
                        Swal.fire({
                            type: 'success',
                            icon: 'success',
                            title: 'Success!',
                            html: '<div class="text-success">'+ response.text +'</div>',
                        })
                        $(".modal_contact_btn i").addClass('d-none');
                    }
                }
                // $("#quote_result").hide().html(output).slideDown();
                // $(".modal_contact_btn i").addClass('d-none');
            },
            error: function () {
                alert("Failer");
            }
        });

    }
    else {
        // output = '<div class="alert-danger" style="padding:10px 15px; margin-bottom:30px;">Please provide the missing fields.</div>';
        // $("#quote_result").hide().html(output).slideDown();
        // $(".modal_contact_btn i").addClass('d-none');
        if ($("#quote_result").length) {
            // alert("yes");
            output = '<div class="alert-danger" style="padding:10px 15px; margin-bottom:30px;">1Пожалуйста, заполните все поля.</div>';
            $("#quote_result").hide().html(output).slideDown();
            $(".modal_contact_btn i").addClass('d-none');
        }else{
            Swal.fire({
                icon: 'error',
                type: 'error',
                title: 'Oops...',
                html: '<div class="text-danger">2Пожалуйста, заполните все поля.</div>'
            })
            $(".modal_contact_btn i").addClass('d-none');
        }
    }

});

[sergo573]

И соответственно обработчик php:

spoiler

<?php

use PHPMailer\PHPMailer\PHPMailer;

if($_POST)
{
    require_once "PHPMailer/Exception.php";
    require_once "PHPMailer/PHPMailer.php";
    require_once "PHPMailer/SMTP.php";

    $mail = new PHPMailer();

    $your_email = "[e-mail]";


    //check if its an ajax request, exit if not
    if(!isset($_SERVER['HTTP_X_REQUESTED_WITH']) AND strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) != 'xmlhttprequest') {

        //exit script outputting json data
        $output = json_encode(
            array(
                'type'=>'error',
                'text' => 'Request must come from Ajax'
            ));

        die($output);
    }

    //check $_POST vars are set, exit if any missing
    //Sanitize input data using PHP filter_var().

    if(isset($_POST["userName"])) {
        if(!isset($_POST["userName"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $user_Name = filter_var($_POST["userName"], FILTER_SANITIZE_STRING);
        }
    }
    if(isset($_POST["firstName"]) && isset($_POST["lastName"])) {
        if(!isset($_POST["firstName"]) && !isset($_POST["lastName"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $user_Name = filter_var($_POST["firstName"], FILTER_SANITIZE_STRING) . " " . filter_var($_POST["lastName"], FILTER_SANITIZE_STRING);
        }
    }
    //education
    if(isset($_POST["fatherName"])) {
        if(!isset($_POST["fatherName"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $father_Name = filter_var($_POST["fatherName"], FILTER_SANITIZE_STRING);
        }
    }
    if(isset($_POST["quoteName"])) {
        if(!isset($_POST["quoteName"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $quote_Name = filter_var($_POST["quoteName"], FILTER_SANITIZE_STRING);
        }
    }
    if(isset($_POST["userAddress"])) {
        if(!isset($_POST["userAddress"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $user_Address = filter_var($_POST["userAddress"], FILTER_SANITIZE_STRING);
        }
    }
    if(isset($_POST["course"])) {
        if(!isset($_POST["course"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $applied_Course = filter_var($_POST["course"], FILTER_SANITIZE_STRING);
        }
    }

    if(isset($_POST["userEmail"])) {
        if(!isset($_POST["userEmail"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $user_Email = filter_var($_POST["userEmail"], FILTER_SANITIZE_EMAIL);
        }
    }
    if(isset($_POST["userPhone"])){
        if(!isset($_POST["userPhone"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $user_Phone = $_POST["userPhone"];
        }
    }
    if(isset($_POST["userSubject"])) {
        if(!isset($_POST["userSubject"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $user_Subject = $_POST["userSubject"];
        }
    }
    if(isset($_POST["userCity"])) {
        if(!isset($_POST["userCity"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $user_City = $_POST["userCity"];
        }
    }
    if(isset($_POST["projectType"])) {
        if(!isset($_POST["projectType"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $pro_type = $_POST["projectType"];
        }
    }

    //Directory listing
    if(isset($_POST["propertyId"])) {
        if(!isset($_POST["propertyId"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $property_id = $_POST["propertyId"];
        }
    }
    if(isset($_POST["propertyType"])) {
        if(!isset($_POST["propertyType"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $property_type = $_POST["propertyType"];
        }
    }
    if(isset($_POST["quoteBudget"])) {
        if(!isset($_POST["quoteBudget"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $budget = $_POST["quoteBudget"];
        }
    }
    //consultant template
    if(isset($_POST["service"])) {
        if(!isset($_POST["service"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля'));
            die($output);
        }
        else {
            $service = $_POST["service"];
        }
    }
    //Reservation template
    if(isset($_POST["reservationDate"])) {
        if(!isset($_POST["reservationDate"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля'));
            die($output);
        }
        else {
            $res_date = $_POST["reservationDate"];
        }
    }
    if(isset($_POST["totalPeople"])) {
        if(!isset($_POST["totalPeople"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $total_people = $_POST["totalPeople"];
        }
    }
    //spa
    if(isset($_POST["reserveTime"])) {
        if(!isset($_POST["reserveTime"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Пожалуйста, заполните все поля!'));
            die($output);
        }
        else {
            $res_time = $_POST["reserveTime"];
        }
    }

    //medical
    if(isset($_POST["userGender"])) {
        if(!isset($_POST["userGender"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Поля ввода пусты!'));
            die($output);
        }
        else {
            $user_gender = $_POST["userGender"];
        }
    }
    if(isset($_POST["userMessage"])) {
        if(!isset($_POST["userMessage"]))
        {
            $output = json_encode(array('type'=>'error', 'text' => 'Поля ввода пусты!'));
            die($output);
        }
        else {
            $user_Message = filter_var($_POST["userMessage"], FILTER_SANITIZE_STRING);
        }
    }


    //additional php validation
    if(isset($user_Name)) {
        if (strlen($user_Name) < 3) // If length is less than 3 it will throw an HTTP error.
        {
            $output = json_encode(array('type' => 'error', 'text' => 'Заполните поле Имя!'));
            die($output);
        }
    }
    if(isset($_POST["userEmail"])) {
        if (!filter_var($user_Email, FILTER_VALIDATE_EMAIL)) //email validation
        {
            $output = json_encode(array('type' => 'error', 'text' => 'Пожалуйста, заполните все поля!!'));
            die($output);
        }
    }
    if(isset($_POST["userMessage"])) {
        if (strlen($user_Message) < 5) //check emtpy message
        {
            $output = json_encode(array('type' => 'error', 'text' => 'Заполните поле Сообщение!'));
            die($output);
        }
    }

[sergo573]

Продолжение обработчика:

spoiler

//Server settings
//    $mail->isSMTP();                                            // Send using SMTP
      $mail->CharSet = "UTF-8";
 //   $mail->SMTPAuth   = true;
  //  $mail->SMTPDebug = 2;
 //   $mail->Debugoutput = function($str, $level) {$GLOBALS['status'][] = $str;};
  //  $mail->Host       = 'smtp.mail.ru';                    // Set the SMTP server to send through
 //   $mail->SMTPAuth   = true;                                   // Enable SMTP authentication
 //   $mail->Username   = '';                     // SMTP username
 //   $mail->Password   = '';                         // SMTP password
 //   $mail->SMTPSecure = 'SSL';         // Enable TLS encryption; `PHPMailer::ENCRYPTION_SMTPS` also accepted
 //   $mail->Port       = 465;                                    // TCP port to connect to                                   // TCP port to connect to


    //Recipients
    $mail->setFrom($user_Email,$user_Name);
    $mail->addAddress($your_email, 'Theme Industry');     // Add a recipient
    $mail->addReplyTo($your_email, 'Information');
    
    //Recipients
    $mail->setFrom($user_Email,$user_Name);
    $mail->addAddress($your_email, 'Theme Industry');     // Add a recipient
    $mail->addReplyTo($your_email, 'Information');


    // Content
    $mail->isHTML(true);                                  // Set email format to HTML
    $mail->Subject = 'New Contact Inquiry from your Website';
    $mail->Body  = "<h4 style='text-align: center;padding: 25px 15px;background-color: #0c6c9e;color: #FFFFFF;font-size:16px;width:90%;border-radius: 10px;'>Hi There! You have a new inquiry from your website.</h4><br><br>";

    if(isset($_POST["userEmail"])) {
        $mail->Body .= "<strong>Email: </strong>" . $user_Email . "<br>";
    }
    //education
    if(isset($_POST["fatherName"])) {
        $mail->Body .= "<strong>Father Name: </strong>" . $father_Name . "<br>";
    }
    if(isset($_POST["userAddress"])) {
        $mail->Body .= "<strong>Address: </strong>" . $user_Address . "<br>";
    }
    if(isset($_POST["course"])) {
        $mail->Body .= "<strong>Applied Course: </strong>" . $applied_Course . "<br>";
    }
    if(isset($_POST["userPhone"])) {
        $mail->Body .= "<strong>Phone: </strong>" . $user_Phone . "<br>";
    }
    if(isset($_POST["userSubject"])) {
        $mail->Body .= "<strong>Subject: </strong>" . $user_Subject . "<br>";
    }
    if(isset($_POST["userCity"])) {
        $mail->Body .= "<strong>City Or Country: </strong>" . $user_City . "<br>";
    }
    if(isset($_POST["projectType"])) {
        $mail->Body .= "<strong>Project Type: </strong>" . $pro_type . "<br>";
    }
    if(isset($_POST["quoteBudget"])) {
        $mail->Body .= "<strong>Budget: </strong>" . $budget . "<br>";
    }
    //Directory listing
    if(isset($_POST["propertyId"])) {
        $mail->Body .= "<strong>Property Id: </strong>" . $property_id . "<br>";
    }
    if(isset($_POST["propertyType"])) {
        $mail->Body .= "<strong>Property Type: </strong>" . $property_type . "<br>";
    }
    // dental
    if(isset($_POST["service"])) {
        $mail->Body .= "<strong>Service Type: </strong>" . $service . "<br>";
    }
    //Reservation , spa , medical template
    if(isset($_POST["reservationDate"])) {
        $mail->Body .= "<strong>Reservation Date: </strong>" . $res_date . "<br>";
    }
    //spa
    if(isset($_POST["reserveTime"])) {
        $mail->Body .= "<strong>Reserved Time: </strong>" . $res_time . "<br>";
    }
    if(isset($_POST["totalPeople"])) {
        $mail->Body .= "<strong>Total People: </strong>" . $total_people . "<br>";
    }
    //medical
    if(isset($_POST["userGender"])) {
        $mail->Body .= "<strong>Gender: </strong>" . $user_gender . "<br>";
    }
    $mail->Body .= '<br>';

    if(isset($_POST["userMessage"])) {
        $mail->Body .= "<strong>Message: </strong><br><br><div style='background-color: #EDEFF2;padding:30px 15px;border-radius:10px;min-height:50px;width:90%;'>" . $user_Message . "</div><br>";
    }
    $mail->Body .= '<strong>Best Regards,</strong><br>';

    if(isset($user_Name)) {
        $mail->Body .= $user_Name . "<br>";
    }
    if(isset($_POST["quoteName"])) {
        $mail->Body .= "<strong>Quote Name: </strong>" . $quote_Name . "<br>";
    }
    $mail->AltBody = 'This is the body in plain text for non-HTML mail clients';

    if(!$mail->send())
    {
        $output = json_encode(array('type'=>'error', 'text' => 'Could not send mail! Please check your PHP mail configuration.'));
        die($output);
    }else{
        $output = json_encode(array('type'=>'message', 'text' => 'Спасибо, ваше сообщение отправлено!'));
        die($output);
    }
}
?>

Собственно вопрос, почему не работает вторая форма? Первая форма работает отлично, она и была изначально, вторую я добавил сам, и видимо криво? При отправке сообщения со второй формы пишет ошибку из php обработчика: "Could not send mail! Please check your PHP mail configuration.". Первая форма отправляется отлично...

[キム ファイブプラス]

javascript:void(0);
Ниче себе динозавр.

Выведи нормально эксепшен который кидает PHPmailer, а не вот эту чушь.

$output = json_encode(array('type'=>'error', 'text' => 'Could not send mail! Please check your PHP mail configuration.'));

[sergo573]

キム ファイブプラス, как вывести нормальный? Без smtp разве можно?

[キム ファイブプラス]

sergo573, https://stackoverflow.com/questions/2386544/error-...

[sergo573]

キム ファイブプラス, все же, я думаю вся соль в js, т.к. обработчик и phpmailer работают для первой формы

Answer 1

[sergo573]

В общем, разобрался, в обработчике, в графе отправки письма, стояла почта, которую пользователь вбивает на сайте, а т.к. в новой форме почты вовсе нет, только имя и телефон, то и выскакивала ошибка, т.к. отправлять-то и некому)))

$mail->setFrom($user_Email,$user_Name);

Answer 2

[Pro100WeBs]

не понятно что вы хотите сделать. выразите мысль яснее. 2 формы на странице можно и так как есть просто вставить и будут работать, если они рабочие. просто смотрю вторая в модале открывает первая вроде нет. опишите подробней и решим

Comments

[sergo573]

1 форма с 4 полями, другая с 1 полем, разницы нет в модальном окне вторая форма или нет. Все равно выбивает ошибку при отправке