()
| 14 | } |
| 15 | |
| 16 | function verifyInputs(){ |
| 17 | //get the user inputted values |
| 18 | const name = nameElem.value.trim(); //trim is used to remove whitespaces from both ends (if user enters them) |
| 19 | const email = emailElem.value.trim(); |
| 20 | const password = passwordElem.value.trim(); |
| 21 | const confirmPassword = confirmPasswordElem.value.trim(); |
| 22 | |
| 23 | if(name === ''){ |
| 24 | //display error and add error class |
| 25 | dealErrorFor(nameElem, 'Name cannot be Empty'); |
| 26 | }else { |
| 27 | //add success class |
| 28 | dealSuccessFor(nameElem); |
| 29 | } |
| 30 | |
| 31 | if(email === ''){ |
| 32 | dealErrorFor(emailElem, 'Email cannot be Empty'); |
| 33 | }else if(!checkEmail(email)){ |
| 34 | dealErrorFor(emailElem, 'Email is not valid') |
| 35 | } |
| 36 | else { |
| 37 | dealSuccessFor(emailElem); |
| 38 | } |
| 39 | |
| 40 | if(password === ''){ |
| 41 | dealErrorFor(passwordElem, 'Password cannot be Empty'); |
| 42 | }else { |
| 43 | dealSuccessFor(passwordElem); |
| 44 | } |
| 45 | |
| 46 | if(confirmPassword === ''){ |
| 47 | dealErrorFor(confirmPasswordElem, 'Confirm Password is required'); |
| 48 | }else if(password !== confirmPassword){ |
| 49 | dealErrorFor(confirmPassword, `Password didn't match`); |
| 50 | }else { |
| 51 | dealSuccessFor(confirmPasswordElem); |
| 52 | } |
| 53 | |
| 54 | if(!terms.checked){ |
| 55 | document.querySelector('.tNc').style.color = 'red'; |
| 56 | }else { |
| 57 | document.querySelector('.tNc').style.color = 'black'; |
| 58 | } |
| 59 | } |
| 60 | |
| 61 | function dealErrorFor(element, message){ |
| 62 | const row = element.parentElement; |
no test coverage detected