我正在使用Formspree将数据发送到我的电子邮件。代码看起来像这样。
HTML：
<form id="contact-form" >
<div class="form-stacked" >
<label for="inputName">Name</label>
<input type="text" class="field-light" id="inputName" placeholder="Name" name="name" />
<label for="inputEmail">Email</label>
<input type="email" class="field-light" id="inputEmail" placeholder="Email" name="email" />
<label for="inputMessage">Message</label>
<textarea id="inputMessage" class="field-light" rows="5" placeholder="Leave a Message" name="message" ></textarea>
<button class="field-light center" type="submit" value="Submit">Submit</button>
</div>
</form>
和javascript代码为：
<script>
$(document).ready(function() {
// $('#h2').hide();
$('#contact-form').submit(function(e) {
var name = $('#inputName')
var email = $('#inputEmail')
var message = $('#inputMessage')
if(name.val() == "" || email.val() == "" || message.val() == "") {
$("#fail").show().delay(3000).hide(0);
return false;
}
else {
$.ajax({
method: 'POST',
url: '//formspree.io/[email protected]',
data: $('#contact-form').serialize(),
datatype: 'json'
});
e.preventDefault();
$(this).get(0).reset();
$('#success').show().delay(3000).hide(0);
}
});
});
</script>
代码看起来不错，但是提交表单后我没有收到任何电子邮件（我也在Web服务器上对localhost进行了测试）。我已经在formspree网站上检查了unblock功能，看来我的电子邮件没有被阻止。我已经阅读了other答案，它可以正常工作，但是我想修复此代码。
最佳答案
Formspree有一个金账户。这将隐藏电子邮件地址。如果您使用其他服务，例如通过Formsubmit.io或formbucket服务托管在CloudCannon上或通过表单托管，则您的电子邮件地址也将被真正隐藏。然后，您可以在表单的操作中使用一个简单的帖子。