Hi I’m having an issue with a contact form I’m testing sending emails without including any information in email. This is my HTML, and PHP
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.0.0.css" rel="stylesheet">
<link href="css/maincontact.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<nav class="navbar fixed-top navbar-light bg-light"> <a class="navbar-brand" href="#"><img src="images/triplelogooutlineb-01.svg" alt="" width="200" class="img-fluid"/> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent1">
<ul class="navbar-nav">
<li class="nav-item active"><a class="nav-link" href="index.html">HOME<span class="sr-only">(current)</span></a> </li>
<li class="nav-item"> <a class="nav-link" href="about.html">ABOUT</a> </li>
<li class="nav-item"> <a class="nav-link" href="projects.html">PROJECTS</a> </li>
<li class="nav-item"> <a class="nav-link" href="contact.html">CONTACT</a> </li>
<li class="nav-item dropdown">
<div class="dropdown-menu" aria-labelledby="navbarDropdown1"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a> </div>
</li>
<li class="nav-item"> </li>
</ul>
<form class="form-inline my-2 my-lg-0">
</form>
</div>
</nav>
<div class="container-fluid hero"> <div class="container">
<div class="row">
<div class="col-xl-12"><p>
MULTIMEDIA<br>
DESIGN</p>
</div>
</div>
</div>
</div>
<div class="container-fluid contact">
<div class="container text-center contactbg">
<div class="row">
<div class="col-xl-6">
<h1 class="contactheadertext">CONTACT</h1>
<div class="contactformcontainer">
<form action="action.php">
<div class="row">
<div class="column-25">
<div class="amslabel" for="name">NAME</div>
</div>
<div class="column-75">
<input type="text" id="name" name="name" placeholder="Your name..">
</div>
</div>
<div class="row">
<div class="column-25">
<div class="amslabel" for="email">EMAIL</div>
</div>
<div class="column-75">
<input type="text" id="email" name="email" placeholder="Your email..">
</div>
</div>
<div class="row">
<div class="column-25">
<div class="amslabel" for="message">MESSAGE</div>
</div>
<div class="column-75">
<textarea id="message" name="message" placeholder="Write something.." style="height:200px"></textarea>
</div>
</div>
<div class="row">
<input type="submit" value="Submit">
</div>
</form>
</div>
</div>
<div class="col-xl-6">
<div class="row">
<div class="col-xl-12">
<div class="contactinfo"><h1>Email</h1><a href="mailto:my.email@gmail.com">support@example.net</a>
<h1>Phone</h1>
<p>
(212) 470-9588</p>
<h1>Address</h1>
<p>
6480 Kissena Blvd
Flushing, NY 11367</p>
</div>
</div>
<div class="col-xl-12 googlemap"><iframe src="https://www.google.com/maps?q=6480%20Kissena%20Blvd%0AFlushing%2C%20NY%2011367&output=embed&hl=en&z=14" class="wpcw-widget-contact-map" frameborder="0"></iframe></div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid portfolio">
<div class="row">
<div class="col-xl-4 text-center"><img src="images/Huds1.gif" alt="" width="200"/>
<div class="text-portfolio">QUALITY</div>
</div>
<div class="col-xl-4 text-center"><img src="images/Huds2.gif" width="200" alt=""/>
<div class="text-portfolio">QUINTESSENTIAL</div></div>
<div class="text-center col-xl-4"><img src="images/Huds1.gif" width="200" alt=""/>
<div class="text-portfolio">QUANTITTATIVE</div></div>
</div>
</div>
<div class="container-fluid footer text-center">
<div class="row">
<div class="col-xl-12">
<p>Copyright © 2019</p>
</div>
<div class="col-xl-12"><div class="socialicons">
<a href="index.html"><i class="fab fa-facebook-f "></i></a>
<a href="index.html"><i class="fab fa-behance "></i> </a>
<a href="index.html"><i class="fab fa-wix "></i> </a>
<a href="index.html"><i class="fas fa-spinner fa-pulse fa-2x"></i></a>
</div></div>
</div>
</div>
<!-- body code goes here -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.2.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.0.0.js"></script>
<dw-container-div>
<script src="/static/files/deviceClientScript.js"></script>
<script src="/static/files/IOSScrolling.js"></script>
<script src="/static/files/HTMLDOMDiff.js"></script>
<script src="/static/files/HTMLSimpleDOM.js"></script>
<script src="/static/files/HTMLTokenizer.js"></script>
<script src="/static/files/murmurhash3_gc.js"></script>
<script src="/static/files/RemoteFunctions.js"></script>
<script src="/static/files/LiveUpdateTools.js"></script>
<script>$dwJQuery = window.parent.$; window.DevicePreview_RenderSuccess = true; DW_LiveEdit_SetupDoc('<!DOCTYPE html>\n<html lang="en" data_liveedit_tagid="0000000020D25230">\n <head data_liveedit_tagid="0000000020D25360">\n <meta charset="utf-8" data_liveedit_tagid="0000000020D25940">\n <meta http-equiv="X-UA-Compatible" content="IE=edge" data_liveedit_tagid="0000000020D25B80">\n <meta name="viewport" content="width=device-width, initial-scale=1" data_liveedit_tagid="0000000020D25DC0">\n <title data_liveedit_tagid="0000000020D26000">Untitled Document<\/title>\n <!-- Bootstrap -->\n <link href="css\/bootstrap-4.0.0.css" rel="stylesheet" data_liveedit_tagid="0000000020D265E0">\n <link href="css\/main.css" rel="stylesheet" type="text\/css" data_liveedit_tagid="0000000020D26820">\n <\/head>\n<body data_liveedit_tagid="0000000020D26B90">\n<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light" data_liveedit_tagid="0000000020D26DF0"> <a class="navbar-brand" href="#" data_liveedit_tagid="0000000020D27050">Navbar<\/a>\n <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation" data_liveedit_tagid="0000000020D273E0"> <span class="navbar-toggler-icon" data_liveedit_tagid="0000000020D27640"><\/span> <\/button>\n <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent1" data_liveedit_tagid="0000000020D279D0">\n <ul class="navbar-nav" data_liveedit_tagid="0000000020D27C30">\n <li class="nav-item active" data_liveedit_tagid="0000000020D27E90"> <a class="nav-link" href="#" data_liveedit_tagid="0000000020D280F0">Home <span class="sr-only" data_liveedit_tagid="0000000020D28350">(current)<\/span><\/a> <\/li>\n <li class="nav-item" data_liveedit_tagid="0000000020D28810"> <a class="nav-link" href="#" data_liveedit_tagid="0000000020D28A70">Link<\/a> <\/li>\n <li class="nav-item" data_liveedit_tagid="0000000020D28F30"> <a class="nav-link" href="#" data_liveedit_tagid="0000000020D29190">Link<\/a> <\/li>\n <li class="nav-item" data_liveedit_tagid="0000000020D29650"> <a class="nav-link" href="#" data_liveedit_tagid="0000000020D298B0">Link<\/a> <\/li>\n <li class="nav-item" data_liveedit_tagid="0000000020D29D70"> <a class="nav-link" href="#" data_liveedit_tagid="0000000020D29FD0">Link<\/a> <\/li>\n <li class="nav-item dropdown" data_liveedit_tagid="0000000020D2A490">\n<div class="dropdown-menu" aria-labelledby="navbarDropdown1" data_liveedit_tagid="0000000020D2A6F0"> <a class="dropdown-item" href="#" data_liveedit_tagid="0000000020D2A950">Action<\/a> <a class="dropdown-item" href="#" data_liveedit_tagid="0000000020D2ACE0">Another action<\/a>\n <div class="dropdown-divider" data_liveedit_tagid="0000000020D2B070"><\/div>\n <a class="dropdown-item" href="#" data_liveedit_tagid="0000000020D2B2D0">Something else here<\/a> <\/div>\n <\/li>\n <li class="nav-item" data_liveedit_tagid="0000000020D2B8C0"> <\/li>\n <\/ul>\n <form class="form-inline my-2 my-lg-0" data_liveedit_tagid="0000000020D2BD80">\n<\/form>\n <\/div>\n<\/nav>\n<div class="container-fluid hero" data_liveedit_tagid="0000000020D2C370">\n <div class="container" data_liveedit_tagid="0000000020D2C5D0">\n<div class="row" data_liveedit_tagid="0000000020D2C830">\n <div class="col-xl-12" data_liveedit_tagid="0000000020D2CA90">\n <p data_liveedit_tagid="0000000020D2CCF0">MULTIMEDIA<br data_liveedit_tagid="0000000020D2CF50">\n DESIGN\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<div class="container-fluid whoweare" data_liveedit_tagid="0000000020D2D780">\n <div class="container" data_liveedit_tagid="0000000020D2D9E0">\n <div class="row" data_liveedit_tagid="0000000020D2DC40">\n <div class="col-xl-4 offset-xl-0" data_liveedit_tagid="0000000020D2DEA0"><img src="..\/Dreamweaver BootStrap Exercise Files (3)\/DW Exercise Files\/Images\/graphic-old-books.jpg" alt="old books in a library" width="403" height="319" class="img-fluid" data_liveedit_tagid="0000000020D2DFD0"\/><\/div>\n <div class="offset-xl-1 col-xl-7" data_liveedit_tagid="0000000020D2E210">\n <p data_liveedit_tagid="0000000020D2E470">WHO WE ARE <\/p>\n <p data_liveedit_tagid="0000000020D2E800">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<div class="container-fluid services" data_liveedit_tagid="0000000020D2F050">\n \n <div class="row align-content-center" data_liveedit_tagid="0000000020D2F2B0">\n <div class="col-xl-4" data_liveedit_tagid="0000000020D2F510">\n <div class="row" data_liveedit_tagid="0000000020D2F770">\n <div class="col-xl-12 text-center" data_liveedit_tagid="0000000020D2F9D0"><img src="..\/Dreamweaver BootStrap Exercise Files (3)\/DW Exercise Files\/Images\/icon-1-print.png" alt="" width="157" height="153" class="img-fluid" data_liveedit_tagid="0000000020D2FB00"\/><\/div>\n <div class="col-xl-12 text-center" data_liveedit_tagid="0000000020D2FD40">\n <p data_liveedit_tagid="0000000020D2FFA0">PRINT<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class="col-xl-4" data_liveedit_tagid="0000000020D306C0">\n \n <div class="row" data_liveedit_tagid="0000000020D30920">\n <div class="col-xl-12 text-center" data_liveedit_tagid="0000000020D30B80"><img src="..\/Dreamweaver BootStrap Exercise Files (3)\/DW Exercise Files\/Images\/icon-2-app.png" alt="" width="157" height="153" class="img-fluid" data_liveedit_tagid="0000000020D30CB0"\/><\/div>\n <div class="col-xl-12 text-center" data_liveedit_tagid="0000000020D30EF0">\n <p data_liveedit_tagid="0000000020D31150">APP DEV<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class="col-xl-4" data_liveedit_tagid="0000000020D31870">\n \n <div class="row" data_liveedit_tagid="0000000020D31AD0">\n <div class="text-center col-xl-12" data_liveedit_tagid="0000000020D31D30"><img src="..\/Dreamweaver BootStrap Exercise Files (3)\/DW Exercise Files\/Images\/icon-3-photo.png" alt="" width="157" height="154" class="img-fluid" data_liveedit_tagid="0000000020D31E60"\/><\/div>\n <div class="col-xl-12 text-center" data_liveedit_tagid="0000000020D320A0">\n <p data_liveedit_tagid="0000000020D32300">PHOTOGRAPHY<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div><\/div>\n<div class="container-fluid portfolio" data_liveedit_tagid="0000000020D32B50">\n <div class="row" data_liveedit_tagid="0000000020D32DB0">\n <div class="col-xl-3" data_liveedit_tagid="0000000020D33160">\n <img src="..\/Dreamweaver BootStrap Exercise Files (3)\/DW Exercise Files\/Images\/portfolio-1.jpg" alt="" width="293" height="220" class="img-fluid" data_liveedit_tagid="0000000020D333C0"\/>\n <div class="text-portfolio" data_liveedit_tagid="0000000020D33600">Content for New div Tag Goes Here<\/div>\n <\/div>\n <div class="col-xl-3" data_liveedit_tagid="0000000020D33AC0">\n <img src="..\/Dreamweaver BootStrap Exercise Files (3)\/DW Exercise Files\/Images\/portfolio-1.jpg" alt="" width="293" height="220" class="img-fluid" data_liveedit_tagid="0000000020D33D20"\/>\n <div class="text-portfolio" data_liveedit_tagid="0000000020D33F60">Content for New div Tag Goes Here<\/div><\/div>\n <div class="col-xl-3" data_liveedit_tagid="0000000020D342F0">\n <img src="..\/Dreamweaver BootStrap Exercise Files (3)\/DW Exercise Files\/Images\/portfolio-1.jpg" alt="" width="293" height="220" class="img-fluid" data_liveedit_tagid="000000001EDE6140"\/>\n <div class="text-portfolio" data_liveedit_tagid="000000001EDE6380">Content for New div Tag Goes Here<\/div><\/div>\n <div class="col-xl-3" data_liveedit_tagid="000000001EDE6710">\n <img src="..\/Dreamweaver BootStrap Exercise Files (3)\/DW Exercise Files\/Images\/portfolio-1.jpg" alt="" width="293" height="220" class="img-fluid" data_liveedit_tagid="000000001EDE6970"\/>\n <div class="text-portfolio" data_liveedit_tagid="000000001EDE6BB0">Content for New div Tag Goes Here<\/div><\/div>\n <\/div>\n<\/div>\n<div class="container-fluid footer text-center" data_liveedit_tagid="000000001EDE71A0">\n <div class="row" data_liveedit_tagid="000000001EDE7400">\n <div class="col-xl-12" data_liveedit_tagid="000000001EDE7660">\n <p data_liveedit_tagid="000000001EDE78C0">Copyright © 2019<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- body code goes here -->\n\n\n <!-- jQuery (necessary for Bootstrap\'s JavaScript plugins) --> \n <script src="js\/jquery-3.2.1.min.js" data_liveedit_tagid="000000001EDE8480"><\/script>\n\n <!-- Include all compiled plugins (below), or include individual files as needed -->\n <script src="js\/popper.min.js" data_liveedit_tagid="000000001EDE8930"><\/script> \n <script src="js\/bootstrap-4.0.0.js" data_liveedit_tagid="000000001EDE8B90"><\/script>\n<\/body>\n<\/html>');</script>
</dw-container-div></body>
</html>
<?php
$name = $_POST['name'];
$visitor_email = $_POST['email'];
$message = $_POST['message'];
$email_from = 'Website';
$email_subject = "New Form Submission";
$email_body = "User Name: $name.\n".
"User Email: $visitor_email.\n".
"User Message: $message.\n";
$to = "my.email@gmail.com";
$headers = "From: $email_from \r\n";
$headers = "Reply-To: $visitor_email \r\n";
mail($to,$email_subject,$email_body,$headers);
header("Location: contact.html")
?>
I’ve also tried these scripts
<?php
if (empty($_POST) === false) {
$errors =array ();
$name = $_POST['name']
$email = $_POST['email']
$message =$_POST['message']
if (empty($name) === true || empty ($email) === true || empty($message) === true) {
$errors [] ='Name, email and message are required!';
} else {
if (filter_var ($email, FILTER_VALIDATE_EMAIL) === false) {
$errors [] ='That\'s not a valid email address';
}
if (ctype_alpha ($name) === false) {
$errors [] ='Name must only contain letters!';
}
if (empty ($errors) === true) {
mail('my.email@gmail.com', Contact form, $message, 'From:'.$email);
exit();
}
}
?>
I’m more of a graphic artist who knows some CSS, Flexbox, Grid, Bootstrap, Adobe Animate and a little JavaScript. I’ve never built anything in PHP other then email forms.