formspree를 사용하여 전자 메일로 데이터를 보내고 있습니다. 코드는 다음과 같습니다.
HTML :ajax를 사용하는 Formspree 문의 양식이 작동하지 않습니다.
<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>
와 같은 자바 스크립트 코드 :
<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>
코드는 잘 보이지만 양식의 제출에 이메일 중 하나를 수신하지 않습니다 (나는 시험 그것은뿐만 아니라 로컬 호스트 웹 서버). formspree 사이트의 unblock 기능을 확인했는데 내 이메일이 차단되지 않은 것으로 보입니다. other 대답을 읽고 잘 작동하지만이 코드를 수정하고 싶습니다.
자바 스크립트없이 작동합니까? 양식의 작업을 : //formspree.io/[email protected]으로 설정하면됩니까? – JoostS
@JoostS 예. 직접 게시를 설정하면 작동하지만 문제는 주소 표시 줄에 이메일이 표시된다는 것입니다. –
봇이 자바 스크립트를 읽을 수 있음을 알고 계십시오. – JoostS