2017-05-11 8 views
-1

: form.html:javascriptを使用してフォームの連絡先を電子メールに送信するにはどうすればよいですか?私は私の電子メールにフォームに記入データを送信しようとしている

<form role="form" name="contact_form"> 
    <div class="col-xs-4"> 
    <div class="form-group"> 
     <input type="text" class="form-control" id="input_name" name="Name" placeholder="Name"> 
    </div> 
    <div class="form-group"> 
     <input type="email" class="form-control" id="input_email" name="Email" placeholder="Email"> 
    </div> 
    <div class="form-group"> 
     <input type="tel" class="form-control" id="input_phone" name="Phone" placeholder="Phone"> 
    </div> 
    <div class="form-group"> 
     <input type="tel" class="form-control" id="input_location" name="Location" placeholder="Location"> 
    </div> 
    </div> 
    <div class="col-xs-6"> 
    <div class="form-group"> 
     <textarea class="form-control" id="contact_comment" name="Comment" placeholder=" 



Details or comments?" rows="10"></textarea> 
    </div> 
    </div> 
<div class="col-xs-2"> 
    <div class="form-group"> 
     <button id="submit_button"type="submit" class="btn btn-primary" onclick="submit_comment()">Submit</button> 
    </div> 
    </div> 
</form> 

script.js:

<script> 
function sendMail(str) { 
    var link = "mailto:[email protected]" + "&subject=" + escape("This is my subject") + "&body=" + escape(str); 
    location.href = link; 
} 
function submit_comment() { 
var name = document.forms["contact_form"]["Name"].value; 
var Email = document.forms["contact_form"]["Email"].value; 
var Phone = document.forms["contact_form"]["Phone"].value; 
var Location = document.forms["contact_form"]["Location"].value; 
var Comment = document.forms["contact_form"]["Location"].value; 
if((name !="") && (Email !="") && (Phone !="") && (Location !="") && (Comment !="")) { 
    sendMail("HELLO"); 
} 
} 
</script> 

私は、これらの

  1. を見つけましたhow-to-send-an-email-from-javascript
  2. sending-emails-with-javascript

しかし、mgeでは機能しません。私は自分のウェブサイトを作成するためにwordpressを使用しています。どうすれば修正できますか?

+2

質問にあなたが投稿した最初のSOトピックは読んでいません。そこに投票された答え(大きな緑色のチェックアイコンが付いたもの)_clearly_はこの問題を解決する方法に答えます。どのようにそれを逃したのですか? – KarelG

+0

私は盲目ではないと思うし、自分の問題を解決しなかったと思う。あなたの時間とあなたのコメントのためにありがとう;) – user7883113

+0

あなたは何をしたいですか? mailtoプロトコルを使用して、ローカルクライアントが引き継ぐ(もしあれば)、またはあなたのサーバから電子メールを送ることができます(クライアント側から__not__を読んでください)。 – rlemon

答えて

-1

できません。メールはバックエンドサーバー経由で送信されます。 Javascript/jQueryはクライアント側です。ただし、自分のメールアプリケーションで電子メールを送信できるようにすることはできます。

それ以外の場合は、バックエンドスクリプトにajaxリクエストを送信する必要があります。

+0

なぜAjaxでなければならないのですか?通常のフォーム提出は機能しませんか? – TRiG

関連する問題