Jump to content
Sign in to follow this  
annyvz

Automatically Submitting a Form WITH Submit Button

Recommended Posts

Hi,

 

I have the following Form on my page = image 1

 

I am struggling to get the 'submit' button to automatically submit to an e-mail address, and then display a "Your message has been submitted' message.

Can someone please help me with this?

 

My code is attached.

 

Thank you!

post-175273-0-23459300-1406808520_thumb.jpg

Submit Query.php

Share this post


Link to post
Share on other sites

You have multiple forms on the page. You should only have 1 form, which contains everything that you want to submit when you submit the form. Your submit button is inside its own form, when you submit that it's not going to submit all of the other fields because those other fields aren't in the same form as the submit button.Other than that, will you have this on a server that has PHP available, or any other server-side language that you can use to send the email?

Share this post


Link to post
Share on other sites

Yes, your code has all sorts of problems. You have divs all over the place. All divs should be inside the body. You also have multiple style blocks when only one is necessary, and you broke the form into multiple forms. Your code should always have the general form of...

<!DOCTYPE html><html><head><meta charset="utf-8"><title>title</title><style></style></head><body></body></html>

Share this post


Link to post
Share on other sites

Hi,

 

I have the following Form on my page = image 1

 

I am struggling to get the 'submit' button to automatically submit to an e-mail address, and then display a "Your message has been submitted' message.

Can someone please help me with this?

 

My code is attached.

 

Thank you!

 

Thought I'd tell you how you would be able to do it.

 

Basically, what you need is to use PHP to send the mail to your email address, using the variables inputted into the form.

 

http://www.w3schools.com/php/php_mail.asp is a useful URL for you to see what you need to do, but I'll explain it below.

 

Basically, this page says this code;

<?php// display form if user has not clicked submitif (!isset($_POST["submit"])) {  ?>  <form method="post" action="<?php echo $_SERVER["PHP_SELF"];?>">  From: <input type="text" name="from"><br>  Subject: <input type="text" name="subject"><br>  Message: <textarea rows="10" cols="40" name="message"></textarea><br>  <input type="submit" name="submit" value="Submit Feedback">  </form>  <?php } else {    // the user has submitted the form  // Check if the "from" input field is filled out  if (isset($_POST["from"])) {    $from = $_POST["from"]; // sender    $subject = $_POST["subject"];    $message = $_POST["message"];    // message lines should not exceed 70 characters (PHP rule), so wrap it    $message = wordwrap($message, 70);    // send mail    mail("webmaster@example.com",$subject,$message,"From: $fromn");    echo "Thank you for sending us feedback";  }}?>

In essence, this code uses the following step-flow;

  1. Checks if the form has already been submitted
  2. Checks that the user has filled in the 'from' field
  3. Defines the variables, and calls them
  4. Then you would need to edit the message, to something similar to; $message = "Variable 1: {$variable1}, Variable 2: {$variable2} etc."
  5. Then your email address would replace "webmaster@example.com", telling the server where to send the email with the variables to.
  6. Then it echos a response and informs the user that the submission was successful

I hope this helps you.

 

Please like it if it's what you're looking for.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...