2017-11-11 12 views
2

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 대답을 읽고 잘 작동하지만이 코드를 수정하고 싶습니다.

+0

자바 스크립트없이 작동합니까? 양식의 작업을 : //formspree.io/[email protected]으로 설정하면됩니까? – JoostS

+0

@JoostS 예. 직접 게시를 설정하면 작동하지만 문제는 주소 표시 줄에 이메일이 표시된다는 것입니다. –

+1

봇이 자바 스크립트를 읽을 수 있음을 알고 계십시오. – JoostS

답변

3

Formspree에는 Gold 계정이 있습니다. 그러면 이메일 주소가 숨겨집니다. CloudCannon에서 호스팅하거나 formubmit.io 또는 formbucket 서비스를 통해 양식을 호스팅하는 것과 같은 다른 서비스를 사용하는 경우 전자 메일 주소도 숨겨집니다. 그런 다음 양식의 동작에 간단한 게시물을 사용할 수 있습니다.

+0

나는 formubmit.io를 시도 할 것이다. 그것이 같은 방식으로 작동하는지 보자. –

+1

Formsubmit.io는 잘 작동하고있다! 뿐만 아니라 나는 여분의 자바 스크립트 코드가 필요하지 않을 것이다. 고마워요! 도움이 필요한 사람들을 위해 [여기] (https://formsubmit.io/examples/). –