html 和 javascript 中的联系方式

Question

我想请你帮忙。

我在 HTML 和 JavaScript 中创建了一个联系表格，但是当我尝试发送 email 时，它什么也没做，什么也没有发生。

请看下面的代码：

 /*----------------------------------------------------*/ /* contact form ------------------------------------------------------*/ $('form#contactForm button.submit').click(function() { $('#image-loader').fadeIn(); var contactName = $('#contactForm #contactName').val(); var contactEmail = $('#contactForm #contactEmail').val(); var contactSubject = $('#contactForm #contactSubject').val(); var contactMessage = $('#contactForm #contactMessage').val(); var data = 'contactName=' + contactName + '&contactEmail=' + contactEmail + '&contactSubject=' + contactSubject + '&contactMessage=' + contactMessage; $.ajax({ type: "POST", url: "inc/sendEmail.php", data: data, success: function(msg) { // Message was sent if (msg == 'OK') { $('#image-loader').fadeOut(); $('#message-warning').hide(); $('#contactForm').fadeOut(); $('#message-success').fadeIn(); } // There was an error else { $('#image-loader').fadeOut(); $('#message-warning').html(msg); $('#message-warning').fadeIn(); } } }); return false; });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <:-- form --> <form action="mailto.yuridiamond@icloud:com" method="post" enctype="multipart/form-data" id="contactForm" name="contactForm"> <fieldset> <div> <label for="contactName">Nome <span class="required">*</span></label> <input type="text" value="" size="35" id="contactName" name="contactName"> </div> <div> <label for="contactEmail">E-mail <span class="required">*</span></label> <input type="text" value="" size="35" id="contactEmail" name="contactEmail"> </div> <div> <label for="contactSubject">Assunto</label> <input type="text" value="" size="35" id="contactSubject" name="contactSubject"> </div> <div> <label for="contactMessage">Mensagem <span class="required">*</span></label> <textarea cols="50" rows="15" id="contactMessage" name="contactMessage"></textarea> </div> <div> <button class="submit" action="mailto.yuridiamond@icloud.com">Enviar</button> <span id="image-loader"> <img alt="" src="images/loader.gif"> </span> </div> --> </fieldset> </form> <!-- Form End -->

我希望你能帮助我。

先感谢您。

如果这是一个简单的问题，我深表歉意，但我还是编程新手。

Answer 1

$(document).ready(function(){
$('.submit').click(function() {
$('#image-loader').fadeIn();
var contactName = $('#contactForm #contactName').val();
var contactEmail = $('#contactForm #contactEmail').val();
var contactSubject = $('#contactForm #contactSubject').val();
var contactMessage = $('#contactForm #contactMessage').val();
var data = 'contactName=' + contactName + '&contactEmail=' + contactEmail +
'&contactSubject=' + contactSubject + '&contactMessage=' + contactMessage;
$.ajax({
type: "POST",
url: "inc/sendEmail.php",
data: data,
success: function(msg) {
if (msg == 'OK') {
$('#image-loader').fadeOut();
$('#message-warning').hide();
$('#contactForm').fadeOut();
$('#message-success').fadeIn();
}
else {
$('#image-loader').fadeOut();
$('#message-warning').html(msg);
$('#message-warning').fadeIn();
}
}
});
return false;
});
});

Answer 2

我找到了一个解决方案，更快、更简单且非常酷。

请看下面的代码：

               <form action="https://formspree.io/f/mbjwrqov" method="POST" enctype="multipart/form-data" id="contactForm" name="contactForm">
                    <fieldset>

                  <div>
                           <label for="contactName">Nome <span class="required">*</span></label>
                           <input type="text" value="" size="35" id="contactName" name="Nome">
                  </div>

                  <div>
                           <label for="contactEmail">E-mail <span class="required">*</span></label>
                           <input type="text" value="" size="35" id="contactEmail" name="Email">
                  </div>

                  <div>
                           <label for="contactSubject">Assunto</label>
                           <input type="text" value="" size="35" id="contactSubject" name="Assunto">
                  </div>

                  <div>
                     <label for="contactMessage">Mensagem <span class="required">*</span></label>
                     <textarea cols="50" rows="15" id="contactMessage" name="Mensagem"></textarea>
                  </div>

                  <div>
                     <button class="submit">Enviar</button>
                     <span id="image-loader">
                        <img alt="" src="images/loader.gif">
                     </span>
                  </div>

                    </fieldset>
                   </form>
              <!-- Form End -->

Formspree http://formspree.io/

该站点本身已经创建了 HTML，我只需要对 JavaScript 部分进行评论，以免出现问题或冲突。

基本上，网站已经做了中介。

注意：我创建的网站托管在 GitHub 页面上。