我想重定向到指定的 HTML 页面

Posted 2023-02-24

【中文标题】我想重定向到指定的 HTML 页面

【英文标题】：I want to redirect to specified HTML page

【发布时间】：2021-11-22 13:21:02

【问题描述】：

我有一个索引页，里面有一个表格。我输入电话号码、电子邮件和数量，然后它会向我的电子邮件发送请求。我面临的问题 在我点击继续后，它保持在同一页面上，没有任何变化。 我希望当我单击 procced 时将我重定向到指定的 html 文件。

HTML部分是：

  <div style="opacity: 0.9;" class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content" style="background: #002b49;">
          <div class="modal-header" style="border: none;">
            <h5 class="modal-title" id="exampleModalLabel"> </h5>
            <button type="button" style="background: none; border: none; color: #fff;" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
              <div class="defaultForm-group">
                          <div class="field calculator-price      " data-target="field" data-component="calculator-price-field" data-field="price">
                        <div class="field-input">
                    <div class="field-prefix">
                            <div class="field-prefix-wrapper">
                              <span class="field-prefix-label" data-component="field-prefix" data-related-name="price-prefix"><img  src="img/incoming-call.png"></span>
                            </div>
                          </div>      
                    <input type="number" class="defaultInput" id="tnumber" placeholder="Telephone no" name="price" step="10" min="0" required="" autocomplete="off">
    
                        </div>
            
                      </div>
                          <div class="field calculator-currency" data-target="field" data-field="currency">
                        <div class="field-input">
                        
                        <div class="field-prefix">
                        
                              <span class=""><img  src="img/email.png"></span>
                    
                          </div>   
                        
                          <div class="defaultSelec defaultSelect--form ">
                     <input class="defaultSelect-select" name="currency" id="emailaddress" placeholder="Email Address"></div>
    
                        </div>
                      </div>
                </div>
          </div>
          
          <p class="error_rep2" style="color: #fff;"></p>
           <p class="submitinfo2" style="color: #fff;"></p>
          <div class="modal-footer">
            <button type="button" id="mproceed" class="btn btn--secondary  btn--large">Proceed</button>
          </div>
        </div>
      </div>
    </div>

php部分：

if(isset($email))
$send = SimpleMail::make()
    ->setTo('[e-mail]', 'Elie Services')
    ->setFrom($email, $fname)
    ->setSubject($fname,$lname)
    ->setMessage($msgbody)
   // ->setReplyTo($replyEmail, $replyName)
    ->setHtml()
    ->setWrap(100)
    ->send();

if ($send) 
  //  echo 'Your Message Sent Successfully!';
header("location: success.html");
 else 
    echo 'An error occurred. We could not send email';
   $page = "success.html";
$sec = "3";
header("Refresh: $sec; url=$page");

else 
    
    $page = "success.html";
$sec = "1";
header("Refresh: $sec; url=$page");
    


?>

请，当我按下继续时，我想完全重定向到 success.html。

【问题讨论】：

你知道，Java 和 javascript 是不同的语言

你说你有一个表格，但我在任何地方都没有看到<form>。

您尝试过什么解决问题的方法？你被困在哪里了？这是JS的问题，还是PHP的问题？

【参考方案1】：

正如上述回复之一所述，您在任何地方都没有<form> 标签。继续按钮只是一个常规按钮，不会做任何事情（如您所见）。为了让它做你想做的事，首先你需要在顶部有这样的东西：

<form action='process.php' method='POST'>

（将 process.php 替换为您的 PHP 文件的名称。）在 HTML 的底部，放置一个 </form> 结束标记。在继续的<button> 标记中，将type 更改为提交。这将导致 PHP 被调用。在 PHP 中，您需要使用 $_POST 从表单中检索 INPUT 字段值。没有任何东西会自动填充 PHP 变量中的值。