Send email from HTML page

Kavitha M

Hi all,

I have designed a website in HTML and we have contact form there, which consists Username,Mail-ID,Content and then submit button. I want to send e-mail to a particular mail-ID from this page in HTML only. I have tried using Ajax but unable to send mail. Can anyone help me to do this ?

Thanks in advance

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Bidyasagar Mishra7y ago

https://medium.com/@mariusc23/send-an-email-using-only-javascript-b53319616782
"text/css">
#btnsend
{
width: 125px;
}

From: "text" id="txtfrom" />

Subject: "text" id="txtsubject" />

TO: "text" id="txtto" />

"button" id="btnsend" value="Submit" />

"//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript">
"text/javascript">
$.ajax({
type: "POST",
url: "https://mandrillapp.com/api/1.0/messages/send.json",
data: {
'key': 'XXXXXXXXXXXXXXX',
'message': {
'from_email': 'your mail id',
'to': [
{
'email': 'receiver mail id',
'name': 'Name',
'type': 'to'
}
],
'autotext': 'true',
'subject': 'YOUR SUBJECT HERE!',
'html': 'Body'
}
}
}).done(function (response) {
console.log(response);
});

Kavitha M11y ago

Hi all,

I want to send email from html page only. Is there any possibility to send email using html,ajax,jquery without using PHP ? can anyone guide me to done this ? Thanks in advance

Kavitha M11y ago

Hi Dipankar,

Thank you for your reply. I tried as follows. It shows the mail sent.But i haven't received any mail.
My code is following :
in mail.php :

$send_to = '[email protected]';

$send_subject = "Contact Form";

$f_name = cleanupentries($_POST["name"]);

$f_email = cleanupentries($_POST["email"]);

$f_message = cleanupentries($_POST["message"]);

$from_ip = $_SERVER['REMOTE_ADDR'];

$from_browser = $_SERVER['HTTP_USER_AGENT'];

function cleanupentries($entry) {

$entry = trim($entry);

$entry = stripslashes($entry);

$entry = htmlspecialchars($entry);

return $entry;

}

$message = "This email was submitted on " . date('m-d-Y') .

"\n\nName: " . $f_name .

"\n\nE-mail: " . $f_email .

"\n\nMessage: \n" . $f_message .

"\n\n\nTechnical Details:\n" . $from_ip . "\n" . $from_browser;

$send_subject .= " - {$f_name}";

$headers = "";

if (!$f_email) {

echo "no email";

exit;

}else if (!$f_name){

echo "no name";

exit;

}else{

if (filter_var($f_email, FILTER_VALIDATE_EMAIL)) {

mail($send_to, $send_subject, $message, $headers);

header( "Location: thank_you.html" );

echo "true";

}else{

echo "invalid email";

exit;

}

in ContactForm.html

Name

Please enter name

E-mail

E-mail is not a valid format

Message

Please enter message

E-mail was successfully sent.

There was a problem validating the form please check!

The connection to the server timed out!

Everything looks fine. But not receiving the mail..

Can anyone give me suggestion to solve this

Dipankar Biswas11y ago

Hi
see this video to clear concept ...https://www.youtube.com/watch?v=o4acVCCbJcI

Thanks...