james/miles-city-council
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

form validation for new fields

Browse Source
This commit is contained in:
James Shiffer 2022-02-25 22:01:14 -08:00
parent 9543ba00f8
commit 7cc94ad1aa
1 changed files with 52 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
public/js/app.js
View File

@ -4,6 +4,10 @@ function registerFormValidators(formId) {
var email = form.querySelector('input[name="email"]'); var email = form.querySelector('input[name="email"]');
var phone = form.querySelector('input[name="phone"]'); var phone = form.querySelector('input[name="phone"]');
var subject = form.querySelector('input[name="subject"]'); var subject = form.querySelector('input[name="subject"]');
var position = form.querySelector('input[name="position"]');
var address = form.querySelector('input[name="address"]');
var quantity = form.querySelector('input[name="quantity"]');
var wireStake = form.querySelector('input[name="wire_stake"]');
var message = form.querySelector('textarea[name="message"]'); var message = form.querySelector('textarea[name="message"]');
var submit = form.querySelector('button[type="submit"]'); var submit = form.querySelector('button[type="submit"]');
@ -52,6 +56,36 @@ function registerFormValidators(formId) {
}); });
} }
if (address) {
address.addEventListener('input', function (e) {
if (!address.value) {
address.classList.add('invalid');
} else {
address.classList.remove('invalid');
}
});
}
if (position) {
position.addEventListener('input', function (e) {
if (!position.value) {
position.classList.add('invalid');
} else {
position.classList.remove('invalid');
}
});
}
if (quantity) {
quantity.addEventListener('input', function (e) {
if (!quantity.value) {
quantity.classList.add('invalid');
} else {
quantity.classList.remove('invalid');
}
});
}
if (submit) { if (submit) {
submit.addEventListener('click', function (e) { submit.addEventListener('click', function (e) {
e.preventDefault(); e.preventDefault();
@ -72,6 +106,14 @@ function registerFormValidators(formId) {
alert("Your message is invalid."); alert("Your message is invalid.");
return; return;
} }
if (address && !address.value) {
alert("Your address is invalid.");
return;
}
if (position && !position.value) {
alert("Your volunteer position is invalid.");
return;
}
var fd = new FormData(); var fd = new FormData();
if (fullName) if (fullName)
fd.append('full_name', fullName.value); fd.append('full_name', fullName.value);
@ -83,6 +125,14 @@ function registerFormValidators(formId) {
fd.append('message', message.value); fd.append('message', message.value);
if (subject) if (subject)
fd.append('subject', subject.value); fd.append('subject', subject.value);
if (address)
fd.append('address', address.value);
if (position)
fd.append('position', position.value);
if (quantity)
fd.append('quantity', quantity.value);
if (wireStake)
fd.append('wire_stake', wireStake.value);
fetch(form.action, { fetch(form.action, {
method: 'POST', method: 'POST',
body: fd body: fd
@ -106,6 +156,8 @@ function registerFormValidators(formId) {
message.value = ""; message.value = "";
if (subject) if (subject)
subject.value = ""; subject.value = "";
if (address)
address.value = "";
} }
}); });
}); });