2014-12-15 6 views
-3

Я новичок в javascript. Я хотел бы спросить, можно ли получить значения из ввода html в javascript? У меня есть эта электронная почта здесь, где пользователь вводит свою информацию и т. д. Мне интересно, как это будет работать?отправка по электронной почте [html] через javascript

ПРИМЕЧАНИЕ: Я знаю, как это сделать на php. но я не планирую делать это на php. форма электронной почты, которую я сейчас работаю, - это виджет. Мне не нравится, пользователь будет направлен на другую страницу и т.д.

Вот мой адрес электронной форме [HTML]

<div class="box box-info"> 
           <div class="box-header"> 
            <i class="fa fa-envelope"></i> 
            <h3 class="box-title">Quick Email</h3> 
            <!-- tools box --> 
            <div class="pull-right box-tools"> 
             <button class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button> 
            </div><!-- /. tools --> 
           </div> 
           <div class="box-body"> 
            <form action="#" method="post"> 
             <div class="form-group"> 
              <input type="email" class="form-control" name="emailto" placeholder="Email to:"/> 
             </div> 
             <div class="form-group"> 
              <input type="text" class="form-control" name="subject" placeholder="Subject"/> 
             </div> 
             <div> 
              <textarea class="textarea" placeholder="Message" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea> 
             </div> 
            </form> 
           </div> 
           <div class="box-footer clearfix"> 
            <button class="pull-right btn btn-default" id="sendEmail">Send <i class="fa fa-arrow-circle-right"></i></button> 
           </div> 
+2

Ваш вопрос может JavaScript отправить по электронной почте, или это, как вы извлечь введенные пользователем значения? – j08691

+0

Вы должны использовать Ajax для отправки данных на скрипт (php), который отправил электронное письмо, процесс, который будет невидим для пользователя. –

ответ

1

опция Только в HTML является mailto protocol:

mailto:[email protected]?subject=xxx&body=xxx 

Это будет откройте почтовый клиент пользователей с предварительно заполненными значениями для объекта и тела.

Как вы можете видеть, это не всегда оптимальное решение, вместо этого вы можете использовать серверные скрипты для отправки почты. Как вы упомянули, вы не хотите, чтобы страница менялась и т. Д.

Посмотрите на AJAX, который является методом отправки данных с сервера клиента -> без обновления полной страницы.

Для удобства вы, возможно, хотите посмотреть на jQuery's implementation of ajax

+0

Как все, вероятно, знают, делая это с mailto: открывает адрес электронной почты до спамеров, у них есть искатели, которые ищут их. – Billy

0

function sendMail(){ 
 
    
 
    var subject = document.getElementById('subject').value; 
 
    var message = document.getElementById('message').value; 
 
    
 
    open('mailto:[email protected]?subject=' + subject + '&body=' + message); 
 
    
 
    }
<input type="text" name="subject" id="subject"/><br/> 
 
<textarea name="message" id="message"></textarea><br/> 
 
<input type="button" onclick="sendMail()" value="Send Message"/>

Смежные вопросы