Formspree bez redirect'u?

Question

<form method="POST" action="http://formspree.io/t.l@gr8group.biz">

						<div class="row uniform 40%">
							<div class="8u 12u(mobilep)">
							<input type="email" name="email" placeholder="Email">
							</div>
							<div class="4u 12u(mobilep)">
								<input type="submit" value="Zapisz się" class="fit" />
							</div>
						</div>
					</form>

Czy istnieje możliwość usunięcia redirect'u po wysłaniu formularza? jeśli istnieje to będę bardzo wdzięczny za info  jak to zrobić :) 

 

ew. może znacie jakąś inną opcję na łatwe wysyłanie formularzy bez przekierowań? :) 

Answer 1

https://formspree.io/ w sekcji "Using AJAX"

Comments

ok, i gdzie mam wkleić ten kod? bezpośrednio do strony w pliku html, czy do jakiegoś zewnętrznego pliku?

---

Musisz nasłuchiwać na wciśnięcie przycisku wyślij i wtedy wywołać powyższy kod. Potem czekasz na odpowiedź od formspree i generujesz odpowiedni komunikat o powodzeniu lub błędzie.

---

mógłbyś wytłumaczyć to prościej :) ?

krok po kroku?

---

https://gist.github.com/edmundojr/975b08c39ab0a7a1b514

---

<form id="contact-form" action="https//formspree.io/tomasz.limiszewski@gmail.com" method="post">
	<input type="text" name="Name" placeholder="Name" required>
	<input type="email" name="Email" placeholder="Email" required>
	<textarea name="Message" cols="30" rows="6" placeholder="Message" required></textarea>
	<!-- CONFIG -->
	<input class="is-hidden" type="text" name="_gotcha">
	<input type="hidden" name="_subject" value="Subject">
	<input type="hidden" name="_cc" value="email@cc.com">
	<!-- /CONFIG -->
	<input class="submit" type="submit" value="Wiadomość została wysłana!">
</form>

 

var $contactForm = $('#contact-form');
$contactForm.submit(function(e) {
	e.preventDefault();
	$.ajax({
		url: '//formspree.io/your@email.com',
		method: 'POST',
		data: $(this).serialize(),
		dataType: 'json',
		beforeSend: function() {
			$contactForm.append('<div class="alert alert--loading">Sending message…</div>');
		},
		success: function(data) {
			$contactForm.find('.alert--loading').hide();
			$contactForm.append('<div class="alert alert--success">Message sent!</div>');
		},
		error: function(err) {
			$contactForm.find('.alert--loading').hide();
			$contactForm.append('<div class="alert alert--error">Ops, there was an error.</div>');
		}
	});
});

 

co robię nie tak? 

---

Dodałeś bibliotekę jquery?

---

tak, obecnie jestem na etapie, że przyszedł mail aktywacyjny, ale maile nie przychodzą (po aktywacji)

Answer 2

Wywal z action link, to nie będziesz mieć przekierowania.

Chodzi ci zapewnie o coś innego. W takim razie możesz użyć biblioteki cURL w PHP.

http://php.net/manual/en/book.curl.php

Comments

wówczas mail nie wychodzi przez formspree, czego efektem jest to, że nie dochodzi wcale :)