<div id="signup">
  <form action="mail/mailing.php" id="subscribe" method="post" name="subscribe">
    <!--<div class="spacer-10"></div>-->
    <div id="signup-title">
      <h2>SUBSCRIBE HERE</h2>
    </div><input name="name" placeholder="Name" required="" type="text"> <input id="email" name="email" placeholder="Email" required="" type="text"> <input class="submit" id="sub" type="submit" value="Sign Up">

  </form>
</div><!-- /#signup -->
<div class="message">
  <!-- AJAX response -->
  <div class="spacer-10"></div>
  <p>Thanks. We'll keep you updated!</p>
</div><!-- // end mailing list -->

<?php
$name = $_POST["name"];
$email = $_POST["email"];
$mailinglist = array("$name,$email",);
$file = fopen("list.csv","a");
foreach ($mailinglist as $line)
{fputcsv($file,explode(',',$line));}
fclose($file);
?>

/* CSV Based PHP Mailing List 
Author: Santhosh
URL: 	github.com/Gigacore 
*/
// updated 2022-11-09

$(function () {
       $('form').submit(function () {
           if ($('input').val() === "") {
               alert('Please enter your name and email.');
               return false;
           }
       });
   })

$(document).ready(function() { 
$('.message').hide();
  $("#subscribe").validate();
	$('#subscribe').ajaxForm(function() { 
		$('#subscribe').hide();	
		$('.message').fadeIn(300);		
  }); 
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.