0

私が設計しているアプリがあり、メール用のページがあります。ユーザーは、名前、電子メール アドレス、およびメッセージを入力し、[送信] をクリックします。これは機能しますが、ユーザーの入力を電子メールにする方法がわかりません。これがこれまでのコードです。

<form id="contacts-form" action="mailto:megan.sime@idoxgroup.com">
    <ul class = "rounded">
        <li style = "color: #FFFFFF">Full Name:<input type="text" placeholder = "J. Doe" name = "signature" id = 'signature' /></li>
        <li style = "color: #FFFFFF">E-mail:<input type="text" placeholder = "www.example@examplemail.com" name = "address" id = 'address' /></li>
        <li style = "color: #FFFFFF">Message:<input type = "text" placeholder = "Message" name = "message" id = 'message' /></li>

        <a href="mailto:address?subject=subject&body=message" class="button">Submit</a>
    </ul>
</form>

ユーザー入力を電子メールに送信できるようにコードを変更する方法を知っている人はいますか? よろしくお願いしますx

4

3 に答える 3

4

次のような関数を書いてみてください。

function sendEmail(){
    var addr = document.getElementById('address').value;
    var sig = document.getElementById('signature').value;
    var msg= document.getElementById('message').value;

    //concatenate to string to build URL
    var url = "mailto:" + .... + addr + ...;
    location.href = url; //(might want to use window.location or something else here)
}

次に、リンクを次のように変更します。

<a href="javasctipt:void(0)" onclick="javascript:sendEmail()" class="button">Submit</a>
于 2012-10-04T09:36:04.490 に答える
0

「ユーザー入力を電子メールに送信できるようにする」ことで何を求めているのか完全にはわかりませんが、を使用document.getElementById('signature').valueすると入力の値が返されます。その後、それを投稿/取得に含めることができます。

于 2012-10-04T09:30:59.983 に答える
0

入力値を取得するには、javascript を使用する必要があります。onclick="javascript:window.location='putURLhere'"リンクを模倣することができます。あとは、 で取得できる値を含む URL を作成するだけですdocument.getElementById(id).value。で+それらを連結できます。

例：

<a onclick="javascript:window.location='mailto:?subject=Message from '+document.getElementById('address').value+'&body='+document.getElementById('message').value">Submit</a>

これが役立つことを願っています！

于 2012-10-04T09:37:24.683 に答える