Konfiguracja formularza

Question

Cześć, stanąłem przed wyzwaniem, Chcę wysyłać formularze z strony przez formspree bez przekierowania osoby je wysyłającej do formspree (kwestia wizerunku)

Kod HTML'a 

<form id="contact-form" action="https://formspree.io/tomasz.limiszewski@gmail.com" method="post">
	<input type="text" name="Name" placeholder="Imię" required>
	<input type="text" name="Name" placeholder="Nazwisko" required>
	<input type="text" name="Name" placeholder="Telefon" required>
	<input type="email" name="Email" placeholder="Email" required><br>
		<input type="text" name="Name" placeholder="Link do CV" required>
	<input type="text" name="Name" placeholder="Link do profilu na Facebook'u" required>

	<!-- CONFIG -->
	<input class="is-hidden" type="text" name="_gotcha" placeholder="2+2x2=?"><br>
	<input type="hidden" name="_subject" value="Subject">
	<input type="hidden" name="_cc" value="email@cc.com">
	<!-- /CONFIG -->
	<input class="submit" type="submit" value="Wyślij!">
</form>

 

Podpięte skrypty i jQery:

			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.dropotron.min.js"></script>
			<script src="assets/js/jquery.scrollgress.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="assets/js/main.js"></script>
			<script src="assets/js/formspree_praca.js"></script>

 

a tutaj sam plik formspree.js:

var $contactForm = $('#contact-form');
$contactForm.submit(function(e) {
	e.preventDefault();
	$.ajax({
		url: 'https://formspree.io/tomasz.limiszewski@gmail.com',
		method: 'POST',
		data: $(this).serialize(),
		dataType: 'json',
		beforeSend: function() {
			$contactForm.append('<div class="alert alert--loading">Wysyłanie zgłoszenia...</div>');
		},
		success: function(data) {
			$contactForm.find('.alert--loading').hide();
			$contactForm.append('<div class="alert alert--success">Zgłoszenie zostało wysłane!</div>');
		},
		error: function(err) {
			$contactForm.find('.alert--loading').hide();
			$contactForm.append('<div class="alert alert--error">Ups... Coś poszło nie tak.</div>');
		}
	});
});

 

 

Dodam, że po pierwszym uploadzie przez FTP wszystko było ok, zweryfikowałem email poprzez przesłanie pierwszego formularza, później coś mnie podkusiło, żeby sprawdzić czy formularz działa - efekt? formularz nie działał. Dlatego też przeładowałem pliki od nowa na FTP i na chwilę obecną nie działa wcale :D 

 

Ktoś ma jakieś pomysły?

Comments

Popraw formularz, inputy powinny mieć etykiety (label)

---

Czy nie lepsze są zastosowane przeze mnie placeholdery?

EDIT: nawet mimo dodania labeli formularz nie działa prawidłowo

---

Placeholder nie zastępuje label, a to była wskazówka by formularz był poprawnie napisany.