Complete addition of name textbox to game submit form
parent
a113b1ee38
commit
ac30b71b48
|
@ -12,6 +12,7 @@ const team1Dropdown = document.getElementById('team1-dropdown');
|
||||||
const team2Dropdown = document.getElementById('team2-dropdown');
|
const team2Dropdown = document.getElementById('team2-dropdown');
|
||||||
const team1ScoreTextbox = document.getElementById('team1-score-textbox');
|
const team1ScoreTextbox = document.getElementById('team1-score-textbox');
|
||||||
const team2ScoreTextbox = document.getElementById('team2-score-textbox');
|
const team2ScoreTextbox = document.getElementById('team2-score-textbox');
|
||||||
|
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');
|
||||||
|
|
||||||
|
@ -70,6 +71,9 @@ async function initializeForm() {
|
||||||
team2Dropdown.disabled = false;
|
team2Dropdown.disabled = false;
|
||||||
team1ScoreTextbox.disabled = false;
|
team1ScoreTextbox.disabled = false;
|
||||||
team2ScoreTextbox.disabled = false;
|
team2ScoreTextbox.disabled = false;
|
||||||
|
if(nameTextbox) {
|
||||||
|
nameTextbox.disabled = false;
|
||||||
|
}
|
||||||
|
|
||||||
sportDropdown.onchange = async () => {
|
sportDropdown.onchange = async () => {
|
||||||
await Form.populateGenders(genderDropdown, sportDropdown.value)
|
await Form.populateGenders(genderDropdown, sportDropdown.value)
|
||||||
|
@ -89,6 +93,7 @@ async function initializeForm() {
|
||||||
team1ScoreTextbox.addEventListener('keyup', checkDataValidity);
|
team1ScoreTextbox.addEventListener('keyup', checkDataValidity);
|
||||||
team2Dropdown.onchange = checkDataValidity;
|
team2Dropdown.onchange = checkDataValidity;
|
||||||
team2ScoreTextbox.addEventListener('keyup', checkDataValidity);
|
team2ScoreTextbox.addEventListener('keyup', checkDataValidity);
|
||||||
|
if(nameTextbox) nameTextbox.addEventListener('keyup', checkDataValidity);
|
||||||
|
|
||||||
checkDataValidity();
|
checkDataValidity();
|
||||||
}
|
}
|
||||||
|
@ -112,6 +117,8 @@ async function checkDataValidity() {
|
||||||
|
|
||||||
if(dateInput.value == "") dataIsValid = false;
|
if(dateInput.value == "") dataIsValid = false;
|
||||||
|
|
||||||
|
if(nameTextbox && nameTextbox.value == "") dataIsValid = false;
|
||||||
|
|
||||||
submitButton.disabled = !dataIsValid;
|
submitButton.disabled = !dataIsValid;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -49,7 +49,7 @@ block content
|
||||||
span(class='form-section')
|
span(class='form-section')
|
||||||
label Your name
|
label Your name
|
||||||
span(class='form-section-input')
|
span(class='form-section-input')
|
||||||
input#name-input(type="text" name="name" disabled)
|
input#name-textbox(type="text" name="name" disabled)
|
||||||
.error #{message}
|
.error #{message}
|
||||||
span(class='form-section')
|
span(class='form-section')
|
||||||
button#submit-button(type="submit" disabled) Submit
|
button#submit-button(type="submit" disabled) Submit
|
||||||
|
|
Reference in New Issue