Add loading message to sport submit form
parent
5adf927412
commit
492d10f635
|
@ -5,6 +5,7 @@ const nameTextbox = document.getElementById('name-textbox');
|
||||||
const submitButton = document.getElementById('submit-button');
|
const submitButton = document.getElementById('submit-button');
|
||||||
const deleteButton = document.getElementById('delete-button');
|
const deleteButton = document.getElementById('delete-button');
|
||||||
const submissionForm = document.getElementById('submission-form');
|
const submissionForm = document.getElementById('submission-form');
|
||||||
|
const loadingSpan = document.getElementById('loading-message');
|
||||||
|
|
||||||
|
|
||||||
async function initializeForm() {
|
async function initializeForm() {
|
||||||
|
@ -27,6 +28,7 @@ async function initializeForm() {
|
||||||
|
|
||||||
nameTextbox.addEventListener('keyup', checkDataValidity);
|
nameTextbox.addEventListener('keyup', checkDataValidity);
|
||||||
|
|
||||||
|
loadingSpan.textContent = '';
|
||||||
submissionForm.style.visibility = 'visible';
|
submissionForm.style.visibility = 'visible';
|
||||||
}
|
}
|
||||||
initializeForm();
|
initializeForm();
|
||||||
|
|
|
@ -5,6 +5,7 @@ block stylesheets
|
||||||
link(rel='stylesheet', href='/stylesheets/form.css')
|
link(rel='stylesheet', href='/stylesheets/form.css')
|
||||||
|
|
||||||
block content
|
block content
|
||||||
|
span#loading-message Loading...
|
||||||
form#submission-form(action='./sport', method='POST')
|
form#submission-form(action='./sport', method='POST')
|
||||||
span(class='form-section')
|
span(class='form-section')
|
||||||
label Sport name
|
label Sport name
|
||||||
|
|
Reference in New Issue