Html form perform two actions?

Question

0.00/5 (No votes)

See more:

Ok...I'm sure this has been answered somewhere but I can't find it. So thanks in advance to you coding gurus!

So, I have an HTML form with an action referencing formspree. One of the shortcomings of formspree is the inability to send an auto reply email based on input put into the "email" field.

How can I get the form to submit the form to formspree and send an auto reply? Below is my code for the form:

*********************

HTML

<form action="https://formspree.io/xxxxxxxxxx@xxxx.com"  method="POST">   			
<label for="name">Name: <span class="required">*</span></label>
            <input type="text" id="name" Name="Name" value="" placeholder="John Doe" required="required" autofocus />
            <label for="email">Email Address: <span class="required">*</span></label>
            <input type="email" id="email" name="E-mail" value="" placeholder="johndoe@example.com" required="required" />
            <label for="telephone">Contact Number: </label>
            <input type="tel" id="Telephone" name="Telephone" value="" />
            <label for="contact">Preferred Contact Method: </label>
            <select id="contact" name="Preferred Contact Method:">
              <option value="email">Email</option>
              <option value="phone">Phone - During the Day</option>
              <option value="phone">Phone - In the Eveneing</option>
              <option value="phone">Phone - Anytime</option>
            </select>
            <label for="enquiry">Purpose: </label>
            <select id="enquiry" name="Reason:">
              <option value="general">General Info</option>
              <option value="offer">Introductory Offer</option>
              <option value="experienced">Experienced CrossFitter</option>
              <option value="feedback">Your Feedback</option>
            </select>
            <label for="message">Message: <span class="required">*</span></label>
            <textarea id="message" name="Message" placeholder="Your message must be greater than 20 charcters" required data-minlength="20"></textarea>
            <span id="loading"></span>
            <input type="submit" value="SUBMIT"  id="submit-button" />
            <p id="req-field-desc"><span class="required">*</span> indicates a required field</p>
</form>

**************************

What I have tried:

Research and "onclick' but since the input for the submit isn;t a button I don;t think the onclick works

Posted 22-Aug-17 17:06pm

wiltim

Updated 22-Aug-17 19:39pm

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Thomas Daniels · Answer 1 · 2017-08-22T19:39:00

You can't do this with HTML or JavaScript - or Formspree. If you use a server-side language (i.e. ASP.NET or PHP) as well, you better set the "action" to something on your own server and read the email address from there and send an email there - but as you use formspree, I don't think you use a server-side language.

However, there are alternatives if you don't use a server-side language:

Use an email client that supports scripting, write a script that handles incoming email from the form, extracts the email address, and replies. Your computer and client would have to be turned on all the time though, otherwise you wouldn't have instant replies.
If you don't want to use a mail client, you can pick a programming language to write some software that communicates with the email server of your email address (look into the IMAP or POP3 protocols) and process the emails like this. This is of course harder than email client scripting, because you also have to deal with the email server communication. And again, you need to have this running 24/7 to guarantee instant replies.