Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Here is a rough idea:
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>Code Test for Ballotpedia</title>
- </head>
- <body>
- <h1>Code Test for Ballotpedia</h1>
- <form id="contact_form" action="#" method="POST" enctype="multipart/form-data">
- <div class="row">
- <label for="name">Your name:</label><br />
- <input id="name" class="input" name="name" type="text" value="" size="30" /><br />
- </div>
- <div class="row">
- <label for="email">Your email:</label><br />
- <input id="email" class="input" name="email" type="text" value="" size="30" /><br />
- </div>
- <div class="row">
- <label for="message">Your message:</label><br />
- <textarea id="message" class="input" name="message" rows="7" cols="30"></textarea><br />
- </div>
- <input id="submit_button" type="submit" value="Send email" />
- </form>
- <script>
- // form processing
- $(document).ready(function() {
- $('form').submit(function(event) {
- var formData = {
- 'name' : $('input[name=name]').val(),
- 'email' : $('input[name=email]').val(),
- 'message' : $('input[name=message]').val()
- };
- $.ajax({
- type : 'POST',
- url : 'process.php',
- data : formData,
- dataType : 'json',
- encode : true
- })
- .done(function(data) {
- });
- event.preventDefault();
- });
- });
- </script>
- </body>
- </html>
- This would then be that process.php referenced above:
- <?php
- $form_errors = array();
- $response_data = array();
- if (empty($_POST['name']))
- $form_errors['name'] = 'Name is required.';
- if (empty($_POST['email']))
- $form_errors['email'] = 'Email is required.';
- if (empty($_POST['message']))
- $form_errors['message'] = 'Message is required.';
- if ( ! empty($errors)) {
- // if there are items in our errors array, return those errors
- $data['success'] = false;
- $data['errors'] = $errors;
- } else {
- // send email
- $to = "ballotpedia@example.com";
- $email_subject = "Contact form submission: " . $_POST['name'];
- $email_body = "You have received a new message. ".
- " Here are the details:\n Name: $name \n ".
- "Email: $email_address\n Message \n $message";
- $headers = "From: ballotpedia@example.com\n";
- $headers .= "Reply-To: ballotpedia@example.com";
- mail($to,$email_subject,$email_body,$headers);
- $data['success'] = true;
- $data['message'] = 'Thanks for your message!';
- }
- // return response back to page
- echo json_encode($data);
- ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement