50 lines
1.4 KiB
JavaScript
50 lines
1.4 KiB
JavaScript
|
/**
|
||
|
|
* @file
|
||
|
|
* A JavaScript file for the contact form.
|
||
|
|
*/
|
||
|
|
|
||
|
|
(function () {
|
||
|
|
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
const form = document.querySelector('.contact-form');
|
||
|
|
const button = form.querySelector('[type=submit]');
|
||
|
|
const action = form.getAttribute('data-protect');
|
||
|
|
|
||
|
|
const activateForm = function () {
|
||
|
|
form.setAttribute('action', action);
|
||
|
|
button.removeAttribute('disabled');
|
||
|
|
};
|
||
|
|
|
||
|
|
// Display the hidden form.
|
||
|
|
form.classList.remove('hidden');
|
||
|
|
|
||
|
|
// Wait for a mouse to move, indicating they are human.
|
||
|
|
document.body.addEventListener('mousemove', activateForm, {once: true});
|
||
|
|
// Wait for a touch move event, indicating that they are human.
|
||
|
|
document.body.addEventListener('touchmove', activateForm, {once: true});
|
||
|
|
// A tab or enter key pressed can also indicate they are human.
|
||
|
|
document.body.addEventListener('keydown', function (e) {
|
||
|
|
if ((e.key === 'Tab') || (e.key === 'Enter')) {
|
||
|
|
activateForm();
|
||
|
|
}
|
||
|
|
}, {once: true});
|
||
|
|
|
||
|
|
// Mark the form as submitted.
|
||
|
|
button.addEventListener('click', () => form.classList.add('js-submitted'));
|
||
|
|
|
||
|
|
// Display messages.
|
||
|
|
if (location.search.substring(1) !== '') {
|
||
|
|
switch (location.search.substring(1)) {
|
||
|
|
case 'submitted':
|
||
|
|
document.querySelector('.contact-submitted').classList.remove('hidden');
|
||
|
|
break;
|
||
|
|
|
||
|
|
case 'error':
|
||
|
|
document.querySelector('.contact-error').classList.remove('hidden');
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
})();
|