![](/img/trans.png)
[英]When I click submit on my php form the landing page comes up blank and it does not submit date to the database
[英]Whenever I click the submit button on my form, it redirects me to my php link which is blank, why is that?
因此,我嘗試制作自己的聯系表單並進行這種工作,但我真的想添加一些很酷的功能,例如告訴用戶何時未填寫所需表單以及告訴他們何時正確提交表單。 我從這個代碼這個網站。 每當我單擊提交按鈕時,它將帶我到我的PHP文件鏈接,並且頁面為空白! 我希望能夠停留在同一頁面上,並讓成功/錯誤消息看起來不被重定向。 抱歉,我對Web開發有點陌生。
這兩個文件都是.PHP!
這是代碼:
<?php
if (isset($_POST["submit"])) {
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
$subject = $_POST['subject'];
$from = 'Plugin Request Form';
$to = 'theslimeslayer04@gmail.com';
$subject = 'New Plugin Request';
$body = "From: $name\n E-Mail: $email\n Subject: $subject\n Message:\n $message";
// Check if name has been entered
if (!$_POST['name']) {
$errName = 'Please enter your name';
}
// Check if email has been entered and is valid
if (!$_POST['email'] || !filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
$errEmail = 'Please enter a valid email address';
}
//Check if message has been entered
if (!$_POST['message']) {
$errMessage = 'Please enter your message';
}
if(!$_POST['subject']) {
$errSubject = 'Please enter a subject';
}
// If there are no errors, send the email
if (!$errName && !$errEmail && !$errMessage && !$errHuman) {
if (mail ($to, $subject, $body, $from)) {
$result='<div class="alert alert-success">Thank You! I will be in touch</div>';
} else {
$result='<div class="alert alert-danger">Sorry there was an error sending your message. Please try again later</div>';
}
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="My very first website.">
<meta name="author" content="Reprevise">
<meta name="keywords" content="My development portfolio.">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Reprevise | Home</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="assets/css/layout.css">
<link rel="stylesheet" type="text/css" href="assets/css/theme.css">
<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
<link rel="icon" href="assets/images/favicon.ico" type="image/x-icon">
</head>
<body>
<nav class="nav" id="homelink">
<div class="container">
<div class="logo">
<img class="sitelogo" src="assets/images/logo.jpg" alt="logo">
</div>
<ul class="menu">
<li><a href="#homelink">Home</a></li>
<li><a href="#aboutlink">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<header>
<div class="title-wrapper">
<h1 class="header-title">reprevise's dev studio</h1>
</div>
</header>
<div class="aboutsection" id="aboutlink">
<div class="headingtitle-wrapper">
<h1>About Reprevise</h1>
</div>
<div class="about-paragraph">
<p style="text-align: left;">Benjamin, otherwise known as Benjamin has been a developer of all different types of programming languages for about 3 years now. He has knowledge of Lua, Java, HTML, CSS, JS, C#, and Python. Ben loves to make Minecraft plugins for all sorts of
clients for free! Below is a contact form in which you can hit him up if you have a plugin request.</p>
</div>
</div>
<div class="conform-container">
<div id="contact">
<div class="conform-heading-wrapper">
<h1>Contact Form</h1>
<h4>Send me plugin requests here.</h4>
</div>
<form class="form-horizontal" role="form" method="post" action="form-handler.php">
<div class="form-group">
<label for="name" class="col-sm-2 control-label">Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="name" name="name" placeholder="First & Last Name" value="<?php echo htmlspecialchars($_POST['name']); ?>">
<?php echo "<p class='text-danger'>$errName</p>";?>
</div>
</div>
<div class="form-group">
<label for="email" class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="email" name="email" placeholder="example@domain.com" value="<?php echo htmlspecialchars($_POST['email']); ?>">
<?php echo "<p class='text-danger'>$errEmail</p>";?>
</div>
</div>
<div class="form-group">
<label for="subject" class="col-sm-2 control-label">Subject</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="subject" name="subject" placeholder="Really Important Plugin" value="<?php echo htmlspecialchars($_POST['subject']); ?>">
<?php echo "<p class='text-danger'>$errSubject</p>";?>
</div>
</div>
<div class="form-group">
<label for="message" class="col-sm-2 control-label">Message</label>
<div class="col-sm-10">
<textarea class="form-control" rows="4" name="message"><?php echo htmlspecialchars($_POST['message']);?></textarea>
<?php echo "<p class='text-danger'>$errMessage</p>";?>
</div>
</div>
<div class="form-group">
<div class="col-sm-10 col-sm-offset-2">
<input id="submit" name="submit" type="submit" value="Send" class="btn btn-primary">
</div>
</div>
<div class="form-group">
<div class="col-sm-10 col-sm-offset-2">
<?php echo $result; ?>
</div>
</div>
</form>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>
在您的帖子的PHP腳本中可以找到問題的答案。
如果沒有錯誤,請發送電子郵件
該聯系表僅用於發送電子郵件。 它並非旨在轉儲對頁面的HTML響應。
但是,您可以輕松地將其添加到.PHP文件的底部。 此示例僅使用基本的php_include命令,該命令將加載另一個文件。 您可以將標准HTML標記添加到該文件中。
// If there are no errors, send the email
if (!$errName && !$errEmail && !$errMessage && !$errHuman) {
if (mail ($to, $subject, $body, $from)) {
$result='<div class="alert alert-success">Thank You! I will be in touch</div>';
} else {
$result='<div class="alert alert-danger">Sorry there was an error sending your message. Please try again later</div>';
}
} else {
php_include('.../some/path/to/a/file.php');
}
}
?>
...
但是,您真正想要的是這樣的東西。 這個想法是當按下<input type="submit">
按鈕時,您不會離開表單。
<form class="form-horizontal" role="form" onSubmit="return false;">
然后,您可以使用JavaScript向人們展示一些內容...
很酷的功能,例如告訴用戶何時未填寫所需表單以及告訴他們何時正確提交表單
Wikipedia很好地概述了AJAX技術的工作方式。 了解了Ajax引擎的工作原理之后,您可能需要研究使用jQuery 。
jQuery $ .post()方法是使用AJAX將表單數據從頁面發送到服務器的一種簡便方法。 另一個簡單的示例是$ .get() 。 有關更高級的示例,請參見$ .ajax()方法。 還有一個非常全面的預構建方法的API可以細讀。
希望這能回答您的原始問題,並為您提供學習如何開始成為Ajax程序員的正確方向。 祝您聯系表格好運! :)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.