堆棧內存溢出
  簡體   English   中英

在表單提交中，PHP文件將以新頁面而非執行腳本的形式打開

[英]On Form submission PHP file opens as a new page rather than executing script

 原文  2019-06-29 20:20:22  2   1    php/ jquery/ ajax/ wordpress

問題描述

我創建了一個聯系表單，該表單將通過ajax PHP進行驗證，然后使用PHP通過電子郵件發送。

當我單擊提交時，而不是執行PHP腳本並進行驗證，該頁面將在新頁面上重新加載：

mypage.com/form_process.php

此外，它不會加載樣式表。 

<!DOCTYPE HTML>
<html>
<head>
    <title></title>
    <script src= "https//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
    </script>
    <?php include('form_process.php'); ?>
    <link rel="stylesheet" type="text/css" href="form.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <script>
        $(document).ready(function) {
            $("form").submit(function(event) {
                event.preventDefault();
                var name = $("name").val();
                var email = $("email").val();
                var signature = $("signature").val();
                $(".form-message").load("form_process.php", {
                    name: name,
                    email: email,
                    signature: signature
                });
            });
        });
    </script>
</head>
<body>
    <div id="contact-form">
        <form  method="post" action="form_process.php" method="POST" name="pdf-download">
            <div class="podrecieved">
                <h3>Recieved by<h3>
            </div>
            <div class="form-group col-xs-12">
                <label for="firstname">Name:</label>
                <input type="text" class="form-control" id="name" name="name" placeholder="John Doe">
            </div>
            <div class="form-group col-xs-12">
                <label for="email_id">Email address:</label>
                <input type="email_id" class="form-control" id="email" name="email" placeholder="john@company.com">
            </div>
            <div>                 
                <label for="messages">
                    <span class="required">Additional Comments:</span> 
                    <textarea id="messages" name="messages" placeholder="Please write your thougths here." tabindex="5"></textarea> 
                </label>  
            </div>   
            <div class="container">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-sm-12">
                                <h3>Click to sign</h3>
                                <input type="text" id="txt" name="signature" style="border-radius: 5px;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="editor"></div>  
            <button name="submit" type="submit" id="submit">Submit</button>
            <p class="form-message"></p>
        </form>
    </div>
</body>
</html>

form_process.php 

<?php

if(isset($_POST['submit'])) {
    $name = $_POST['name'];
    $email = $_POST['email'];
    $signature = $_POST['signature'];
    $message = $_POST['messages'];
    $company = $_POST['company'];

    $ErrorEmpty = false;
    $ErrorEmail = false;

    if (empty($name) || empty($email) || empty($signature)){
        echo "<span class='form-error'>Please fill in required fields</span>";
        $ErrorEmpty = true;
    }
    elseif(!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        echo "<span class='form-error'>Please fill in a valid email address</span>";
        $ErrorEmail = true;
    }
    else {
        echo "<span class='form-success'>Please fill in a valid email address</span>";
    }
}
else{
    echo "There was an Error!";
}

$mailto = "contact@email.co.uk";
$headers = "from:".$company;
$txt = "Your Proof of delivery was signed for by:".$name;

mail($mailto, $headers, $txt );
header("location: index.php?POD_sent");
?>

<script>
    $("#name, #email, #txt").removeClass(input-error);

    var ErrorEmpty = "<?php echo $ErrorEmpty; ?>";
    var ErrorEmail = "<?php echo $ErrorEmail; ?>";

    if(ErrorEmpty == true) {
        $("#name, #email, #txt").addClass("input-error");
    } 
    if(ErrorEmail == true) {
        $("#email").addClass("input-error");
    }
    if(ErrorEmpty == false && ErrorEmail == false) {
        $("#name, #email, #txt").val("")
    }
</script>

我看不到這段代碼出了什么問題。 與其打開新的form_process.php鏈接， form_process.php使用form_process.php進行驗證然后發送表單。

我收到錯誤時似乎正在調用form_process.php There was an Error! 從其他行開始else{ echo "There was an Error!"; } else{ echo "There was an Error!"; }

所以我假設錯誤來自此工作表form_process.php

1 個解決方案

解決方案1
 0  2019-06-29 21:23:59

嘗試以下操作：包括您自己的驗證和流程： 

 Your form_process.php <?php if(isset($_POST['action']) && !empty($_POST['action'])){ $name = $_POST['name']; $email = $_POST['email']; $signature = $_POST['signature']; $message = $_POST['messages']; // $company = $_POST['company']; $ErrorEmpty = false; $ErrorEmail = false; if (empty($name) || empty($email) || empty($signature)){ echo "<span class='form-error'>Please fill in required fields</span>"; $ErrorEmpty = true; } elseif(!empty($email) && filter_var($email, FILTER_VALIDATE_EMAIL) === false) { echo "<span class='form-error'>Please 1fill in a valid email address</span>"; $ErrorEmail = true; } else { echo "<span class='form-success'>Sucess!!</span>"; } } ?> index.php 
 <?php include('form_process.php'); ?> <!DOCTYPE HTML> <html> <head> <title></title> <script src="jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="form.css"> <link rel="stylesheet" href="bootstrap.min.css" crossorigin="anonymous"> <script> $(document).ready(function(){ $("#frm1").submit(function(event) { event.preventDefault(); var name = $("#name").val(); var email = $("#email").val(); var signature = $("#signature").val(); var messages = $("#messages").val(); $.ajax({ url:"form_process.php", type:"POST", data: { name: name, email :email, signature:signature,messages:messages,action:"process"} , success:function(response) { $(".form-message").html(response); }, error:function(){ alert("error"); } }); }); }); </script> </head> <body> <div id="contact-form"> <form id="frm1" action="form_process.php" method="POST" > <div class="podrecieved"> <h3>Recieved by<h3> </div> <div class="form-group col-xs-12"> <label for="firstname">Name:</label> <input type="text" class="form-control" id="name" name="name" placeholder="John Doe"> </div> <div class="form-group col-xs-12"> <label for="email_id">Email address:</label> <input type="email_id" class="form-control" id="email" name="email" placeholder="john@company.com"> </div> <div> <label for="messages"> <span class="required">Additional Comments:</span> <textarea id="messages" name="messages" placeholder="Please write your thougths here." tabindex="5"></textarea> </label> </div> <div class="container"> <div class="panel panel-default"> <div class="panel-body"> <div class="row"> <div class="col-sm-12"> <h3>Click to sign</h3> <input type="text" id="signature" name="signature" style="border-radius: 5px;"> </div> </div> </div> </div> </div> <div id="editor"></div> <button name="submit" type="submit" id="submit">Submit</button> <p class="form-message"></p> </form> </div> </body> </html>

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 表單提交打開php頁面 HTML 表單在提交時發布 PHP 文件而不是發送電子郵件 PHP表單提交打開空頁面 PHP腳本未在HTML表單“提交”上執行 索引頁面重定向到php頁面，而不是數據庫提交 使用 PHP 運行 post 操作而不是表單提交 PHP在表單提交后重定向到新頁面 PHP：“運行”文件/腳本而不是包含？ PHP代碼未在表單提交上執行 從php執行shell腳本在Windows上打開文件（Xampp）
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM