CODEWITHSUNDEEP
javascriptjqueryhtmlforms
Naomi
Naomi

Reputation: 1298

Submit form with HTML and JS to email

I am using a form for people to submit contact requests for a website. I'm using JS and HTML for this website. I've tried to use mailto but it doesn't actually send anything to my email when I press submit. I don't want to use PHP if I can avoid it since I don't know PHP that well.

Here is my HTML

<form method=POST action="mailto:[email protected]" enctype="text/plain">

Company<br>
<input type="text" name="companyname"><br>
Contact Person<br>
<input type="text" name="contactname"><br>
Phone number<br>
<input type="tel" name="phonenumber" min="6" max="15"><br>
Email<br>
<input type="email" name="email"><br>

Message<br>
<input type="textarea" name="message" style='white-space:pre-wrap; height:200px;width:500px;'><br>


<input type="submit" value="Submit">

</form>

I haven't done anything in the JS document for this to work. Do I have to use some sort of command for when submit is pressed in JS or should it be enough to do all this in HTML?

Upvotes: 2

Views: 13340

Answers (4)

Radu
Radu

Reputation: 1

"NO! JavaScript can't email a form! but, there are alternatives to send the form data to an email address.

There is no direct method provided by JavaScript to send the data submitted in the form to an email address.

The main concern for not providing a ‘JavaScript email form’ feature is security."

Upvotes: 0

Mayank Pandeyz
Mayank Pandeyz

Reputation: 26258

You cant send email directly using Javascript. For this you have to use php Mailing function, which has a very simple syntax.

<?php
// the message
$msg = "First line of text\nSecond line of text";

// use wordwrap() if lines are longer than 70 characters
$msg = wordwrap($msg,70);

// send email
mail("[email protected]","My subject",$msg);
?>

Upvotes: 0

Hkm Sadek Hossain
Hkm Sadek Hossain

Reputation: 73

You have to use a server side language to send emails .. You cannot do it using client side language like js. So better use a simple php function to send email. It's not difficult ...

Upvotes: 2

Ravi Shankar Bharti
Ravi Shankar Bharti

Reputation: 9268

You cant send email directly using Javascript, leave aside HTML.

what you can do is open another window with Mail To option.

window.open('mailto:[email protected]');
//or with subject using below
window.open('mailto:[email protected]?subject=subject&body=body');

Otherwise you can do AJAX call to server which sends mail, but that will need PHP or other backend programming.

Upvotes: 3

Related Questions