Форма обратной связи - Перейти на страницу

Question

У меня есть контактная форма, которая отправляет мне электронное письмо, когда кто-то заполняет поля и нажимает кнопку «отправить».

Теперь мне нужно что-то вроде страницы «спасибо», на этой странице мне нужночтобы загрузить фрагмент кода, чтобы отследить его.

Это код, который у меня есть сейчас:

<form id="contact-form" method="POST" action="contact.php" role="form" class="wpcf7">

И это кнопка:

<div class="col-md-12">
   <a href="#" onclick="ga('send', 'event', 'contact', 'button-verstuur')";>
      <input type="submit" class="btn btn-success btn-send wpcf7-submit" value="Verstuur">
   </a>
</div>

ЧтоЯ хочу сделать, это перенаправить страницу после того, как кто-то нажмет кнопку «отправить».Но только если все обязательные поля заполнены. На данный момент проверяется, заполнены ли обязательные поля.Так что перенаправление на страницу «спасибо» должно работать только тогда, когда обязательные поля заполнены.

Надеюсь, что кто-то может помочь мне с этим.

Редактировать:

Этотакое код PHP

    // configure
$from = 'Contactform <myform@forming.com>';
$sendTo = '<sendto@myself.com>';
$subject = 'New message';
$fields = array('name' => 'Naam', 'surname' => 'Achternaam', 'phone' => 'Telefoonnummer', 'email' => 'Email', 'message' => 'Bericht'); // array variable name => Text to appear in email
$okMessage = 'Your message is sent successfully!';
$errorMessage = 'Error, please try again later.';

// let's do the sending

if(isset($_POST['url']) && $_POST['url'] == '') try
{
    $emailText = "Uw heeft een nieuw bericht\n=============================\n";

    foreach ($_POST as $key => $value) {

        if (isset($fields[$key])) {
            $emailText .= "$fields[$key]: $value\n";
        }
    }

    mail($sendTo, $subject, $emailText, "From: " . $from);

    $responseArray = array('type' => 'success', 'message' => $okMessage);
}
catch (\Exception $e)
{
    $responseArray = array('type' => 'danger', 'message' => $errorMessage);
}

if (!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
    $encoded = json_encode($responseArray);

    header('Content-Type: application/json');

    echo $encoded;
}
else {
    echo $responseArray['message'];
}

Форма HTML:

<form id="contact-form" method="POST" action="contact.php" role="form" class="wpcf7">

       <div class="messages"></div>

           <div class="controls">

                <div class="form-group">
                    <label for="form_name"><span class="required">*</span> Naam:</label>
                    <span class="wpcf7-form-control-wrap your-name">
                        <input id="form_name" type="text" name="name" class="wpcf7-text" required="required" data-error="Uw naam is verplicht">
                    </span>
                    <div class="help-block with-errors"></div>
                </div>

                <div class="form-group">
                    <label for="form_email"><span class="required">*</span> E-mail:</label>
                    <span class="wpcf7-form-control-wrap your-email">
                        <input id="form_email" type="email" name="email" class="wpcf7-text" required="required" data-error="Een geldig e-mailadres is verplicht">
                    </span>
                    <div class="help-block with-errors"></div>
                </div>

                <div class="form-group">
                    <label for="form_phone"><span class="required">*</span> Telefoonnummer:</label>
                    <span class="wpcf7-form-control-wrap your-url">
                        <input id="form_phone" type="text" name="phone" class="wpcf7-text">
                    </span>
                    <div class="help-block with-errors"></div>
                </div>

                <div class="form-group">
                    <label for="form_message"><span class="required">*</span> Bericht:</label>
                    <span class="wpcf7-form-control-wrap your-message">
                        <textarea id="form_message" name="message" class="wpcf7-textarea" rows="4" required="required" data-error="U moet een bericht invullen"></textarea>
                    </span>
                    <div class="help-block with-errors"></div>
                </div>

                <div class="form-group antispam">
                    <label for="form_phonee"><span class="required">*</span> Veld leeg laten:</label>
                    <span class="wpcf7-form-control-wrap your-url">
                        <input id="form_phonee" type="text" name="url" class="wpcf7-text">
                    </span>
                    <div class="help-block with-errors"></div>
                </div>

                <div class="col-md-12"><a href="#" onclick="ga('send', 'event', 'contact', 'button-verstuur')";>
                   <input type="submit" class="btn btn-success btn-send wpcf7-submit" value="Verstuur"></a>
                </div>

            </div>

   </form>

Answer 1

Привет лучший вариант - проверить, что каждая переменная пуста или нет.Если есть ошибки, загрузите ваш html с ошибками, иначе продолжайте свой код. Например:

        $form_nameErr = $form_emailErr = $form_phoneErr = $form_messageErr = $form_phoneeErr = "";
        if(isset($_POST['url']) && $_POST['url'] == '') try
        {
            $emailText = "Uw heeft een nieuw bericht\n=============================\n";

            if(!empty($_POST['form_name'])){
                $emailText .= $_POST['form_name']."\n";
            }else{
                $form_nameErr = "Form Name required";
            }

            if(!empty($_POST['form_email'])){
                $emailText .= $_POST['form_email']."\n";
            }else{
                $form_emailErr = "Email Text required";
            }
        }
if(!empty($form_nameErr) && !empty($form_emailErr) && !empty($form_phoneErr) && !empty($form_messageErr) )){
     mail($sendTo, $subject, $emailText, "From: " . $from);
//TO redirect
header("Location: http://www.yourwebsite.com/thankyou.php"); 
exit();

    $responseArray = array('type' => 'success', 'message' => $okMessage);
}else{
            //load you html with error variables
}

ваш html должен содержать

                <div class="form-group">
                    <label for="form_name"><span class="required">*</span> Naam:</label>
                    <span class="wpcf7-form-control-wrap your-name">
                        <input id="form_name" type="text" name="name" class="wpcf7-text" required="required" data-error="Uw naam is verplicht">
                    </span>
    <span class="error">* <?php echo $nameErr;?></span>
  <br><br>
                </div>

определить стиль ошибки. См .: https://www.w3schools.com/php/php_form_required.asp