Email form submission without using php

debugcn Published at Dev

Sani Evans

I'm working on a project that's on a small scale for now. It's more about presentation and less about security.

All I need to do is have a form that will be filled out, then the user clicks submit and all the information collected from the form will be sent to a specified 'mailto:address'. I know that it would make a lot more sense to do this using php, but for now I only have html/css to work with.

Is there a way I can submit everything on the form to an email address? It can open up the user's email handler, but it doesn't have to.

I have 11 text fields and 2 sets of radios.

ncubica

Well, what you are asking is totally possible, and I think the selected right answer is wrong. Take a look and read these two links:

Customize mailto links http://blog.escapecreative.com/customizing-mailto-links/

The default action of mailto depends on the browser so, if you try it and my solution could not work in your browser the cause may be for this reason: Configuring mailto Mailto links do nothing in Chrome but work in Firefox?

Here is the jsfiddle: http://jsfiddle.net/g3qazhf8/ and I'm using jquery to make my life easier:

javascript

function sendEmail(){
   var answerArr = [];
   $("input, textarea").each(function(){       
       if($(this).attr("type") === "radio"){            
           if($(this).is(":checked")){
              answerArr.push($(this).val());
           }
       }else{
          answerArr.push($(this).val());       
       }
   });

    var body = answerArr.join("\n");
    var mailto = "[email protected]";

    var a = document.createElement('a');
    a.href = "mailto:" + mailto + "?body=" + escape(body);
    console.log(a.href);
    a.click();
}

$(document).on("click",".submit",sendEmail);

HTML

<textarea> your message </textarea>
<input type="text" placeholder="name" name="name" />
<input type="text" placeholder="lastname" name="lastname" />
<label>
<input type="radio" name="rboption" value="yes" /> YES
</label>
<label>
<input type="radio" name="rboption" value="no" />NO
</label>
<br>
<a href="#" target="_blank" style="display:inline-block; background:#333; color:#FFF; padding:5px 10px 5px 10px; margin:15px 0 0 0; text-decoration:none" class="submit">Sent the email</a>

Btw, you should try the solution on your localhost. I will attach an image proving that it's working: enter image description here

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-07-2

Comments

0 comments

From Dev

Related Related

Article

Email form submission without using php

Email form submission without using php

Send email from html form without php

Modal form Submission to PHP using Jquery .ajax

Form submission to incorrect URL PHP

Modal Form Submission without refresh

Orchard CMS Send Email to Multiple/Different Email Addresses Upon Form Submission Using Workflows

Send email when Google Form submission is updated

Using jQuery AJAX to call a php page on form submission

HTML form post PHP file on submission rather than sending an email

Form submission using AngularJS/AJAX

Keep form data inside the field after submission using php

how to clear form using php PDO after successful submission

Form Submission through Ajax and PHP

Form Submission to Self (PHP)

PHP Form Submission without a client

php:using two buttons inside same form and form submission

How to pass variables to a CFC on Form submission without using hidden fields?

How to do something before form submission without using preventing default

send email after form submission

Send Email after form submission via email service such as Mailchimp

Using PHP form validation on jQuery form submission

PHP email form without Refreshing Page

Form submission opens php page

PHP contact form submission

Delayed form submission using JQuery

Sending email from html form using php

php coding Form submission to server using php

Sending form data to an email after a successful submission using codeigniter

Website (HTML) Read Only Form Email Submission

PHP, email submission form