HTML/PHP表單不會在Safari中提交

以下 HTML 和 PHP 代碼在 Google Chrome 中按預期執行 - 將請求的資料輸入表單并按發送，然后將訊息發送到電子郵件地址并重繪 頁面。

但是，在 Safari 中不會發生相同的預期行為 - 一旦單擊“發送”按鈕，用戶就會被帶到一個空白頁面（email.php 檔案）。

誰能告訴我為什么它在 Safari 中沒有按預期運行？

HTML 代碼：

<form method="POST" id="contactForm" name="contactForm" class="contactForm" novalidate="novalidate" action="email.php" onsubmit="this.submit(); this.reset(); return false;">

                      <div class="row">

                        <!-- Name Input -->
                        <div class="col-md-1 col-sm-1">
                          <div class="form-group">
                            <label class="contact-text">Name:</label>
                          </div>
                        </div>
                        <div class="col-md-11 col-sm-11 contact-col">
                          <div class="form-group">
                            <input type="text" class="form-control" name="name" id="name">
                          </div>
                        </div>

                        <!-- Email Input -->
                        <div class="col-md-1 col-sm-1">
                          <div class="form-group">
                            <label class="contact-text">Email:</label>
                          </div>
                        </div>
                        <div class="col-md-11 col-sm-11 contact-col">
                          <div class="form-group">
                            <input type="email" class="form-control" name="email" id="email">
                          </div>
                        </div>

                        <!-- Message Input -->
                        <div class="col-md-1 col-sm-1">
                          <div class="form-group">
                            <label class="contact-text">Message:</label>
                          </div>
                        </div>
                        <div class="col-md-11 col-sm-11 contact-col">
                          <div class="form-group">
                            <textarea class="form-control" name="message" id="message" cols="30" rows="6"></textarea>
                          </div>
                        </div>
                      </div>
                  </div>
                </div>

                <!-- Submit Button -->
                <div class="col-md-8 col-sm-8 col-8 text-end">
                  <div class="form-group">
                    <button type="submit" class="btn btn-primary">Send</button>
                    <div class="submitting"></div>
                  </div>
                </div>

              </div>
              </form>

PHP代碼：

$errors = [];
  $errorMessage = '';

  if (!empty($_POST)) {
      $name = $_POST['name'];
      $email = $_POST['email'];
      $message = $_POST['message'];

      if (empty($name)) {
          $errors[] = 'Name is empty';
      }

      if (empty($email)) {
          $errors[] = 'Email is empty';
      } else if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
          $errors[] = 'Email is invalid';
      }

      if (empty($message)) {
          $errors[] = 'Message is empty';
      }

      if (empty($errors)) {
          $toEmail = '[email protected]';
          $emailSubject = 'New email from your contant form';
          $headers = ['From' => $email, 'Reply-To' => $email, 'Content-type' => 'text/html; charset=iso-8859-1'];

          $bodyParagraphs = ["Name: {$name}", "Email: {$email}", "Message:", $message];
          $body = join('<br>', $bodyParagraphs);

          if (mail($toEmail, $emailSubject, $body, $headers)) {
              header('Location: https://cillinlyons.me');
          } else {
              $errorMessage = 'Oops, something went wrong. Please try again later';
          }
      } else {
          $allErrors = join('<br/>', $errors);
          $errorMessage = "<p style='color: red;'>{$allErrors}</p>";
      }
  }

?>

uj5u.com熱心網友回復：

您需要為您的按鈕命名以使用 php 設定它 <button type="submit" name="submit">Send</button> 并使用 array_push() 在陣列中包含所有錯誤，我使用 isset() 檢查提交是否被點擊。

 <?php

$errors = [];
$errorMessage = '';
if(isset($_POST['submit'])) {

    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['message'];

    if (empty($name)) {
        array_push($errors, 'Name is empty');
    }

    if (empty($email)) {
        array_push($errors, 'Email is empty');
    } else if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        array_push($errors, 'Email is invalid');
    }

    if (empty($message)) {
        array_push($errors, 'Message is empty');
    }



if (empty($errors)) {
    $toEmail = '[email protected]';
    $emailSubject = 'New email from your contant form';
    $headers = ['From' => $email, 'Reply-To' => $email, 'Content-type' => 'text/html; charset=iso-8859-1'];

    $bodyParagraphs = ["Name: {$name}", "Email: {$email}", "Message:", $message];
    $body = join('<br>', $bodyParagraphs);

    if (mail($toEmail, $emailSubject, $body, $headers)) {
        header('Location: https://cillinlyons.me');
    } else {
        $errorMessage = 'Oops, something went wrong. Please try again later';
    }
} else {
        foreach ($errors as $error)
            echo "<p style='color: red;'>{$error}</p>";
}}

我在 safari 及其作業上對此進行了測驗

標籤：

上一篇：將庫添加的觸摸和滾輪事件偵聽器設定為“被動”

下一篇：單擊/點擊全屏html5視頻以退出全屏