From b76526aae0f3f06be96a91fe5bd52d267bc71cc4 Mon Sep 17 00:00:00 2001 From: Ratnadeep Rajendra Kharade <92khra1mst@hft-stuttgart.de> Date: Fri, 30 Oct 2020 16:45:50 +0100 Subject: [PATCH] fixed error with valdation message --- public/index.js | 25 ++++++++++++++++++++++--- 1 file changed, 22 insertions(+), 3 deletions(-) diff --git a/public/index.js b/public/index.js index 3c6b1d2..de36e55 100644 --- a/public/index.js +++ b/public/index.js @@ -20,7 +20,22 @@ function handleTextRadioClick() { let value = document.getElementById("inputTextCharacters").value; setCharacterLength(value); } - isFormValid(); + + // show or hide validation messages + if (inputObj.textChoice === 'manual' && inputObj.text === '') { + //document.getElementById('textarea-validation').style.display = 'block'; + } else { + document.getElementById('textarea-validation').style.display = 'none'; + } + + if (inputObj.textChoice === 'calculated' && + (inputObj.numberOfCharacters === '' || inputObj.numberOfCharacters === 0)) { + + //document.getElementById('textCharacters-validation').style.display = 'block'; + } else { + document.getElementById('textCharacters-validation').style.display = 'none'; + } + toggleElement('character-calculation-wrapper'); toggleElement('manual-character-input'); } @@ -66,7 +81,11 @@ function handleCharacterInputChange() { // function setCharacterLength: sets number of characters to property numberOfCharacters on inputObj function setCharacterLength(characters) { - inputObj.numberOfCharacters = parseInt(characters); + if (characters === '') { + inputObj.numberOfCharacters = 0; + } else { + inputObj.numberOfCharacters = parseInt(characters); + } } @@ -83,7 +102,7 @@ function isFormValid() { } if (inputObj.textChoice === 'calculated' && - (inputObj.textLenumberOfCharactersngth === '' || inputObj.numberOfCharacters === 0)) { + (inputObj.numberOfCharacters === '' || inputObj.numberOfCharacters === 0)) { invalidFields++; document.getElementById('textCharacters-validation').style.display = 'block'; -- GitLab