blob: 871516165d28b3e58ba145f15c1c9606a576590e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
<form action={{ $.Param "redirect-after-submit" }} name="contact" method="POST" data-netlify="true" class="contact__form">
<div class="contact__input--container">
<div class="contact__input--wrapper">
<label class="contact__label">
{{ i18n "contact-name" }}
</label>
<input type="text" name="name" class="contact__input" aria-label="{{ i18n "contact-name" }}">
</div>
<div class="contact__input--wrapper">
<label class="contact__label">
{{ i18n "contact-email" }}
</label>
<input type="email" name="email" class="contact__input" aria-label="{{ i18n "contact-email" }}">
</div>
</div>
<div class="contact__message--wrapper">
<label class="contact__label">
{{ i18n "contact-message" }}
</label>
<textarea name="message" class="contact__message" aria-label="{{ i18n "contact-message" }}"></textarea>
</div>
<input type="submit" value="{{ i18n "contact-send" }}" class="contact__send">
</form>
<script>
var formElem = document.querySelector("form");
formElem.addEventListener("submit", handleSubmit);
var handleSubmit = function(e) {
e.preventDefault();
var formData = new FormData(formElem)
fetch('/', {
method: 'POST',
headers: { "Content-Type": "application/x-www-form-urlencoded" },
body: new URLSearchParams(formData).toString()
}).then(() => console.log('Form successfully submitted')).catch((error) =>
alert(error))
}
</script>
|
