From 674bb6fef286406c56d8c8212163a4efc947a4ae Mon Sep 17 00:00:00 2001 From: charclayt <ukfeature@gmail.com> Date: Fri, 21 Apr 2023 19:56:34 +0100 Subject: [PATCH] Added error messages for invalid login --- src/login.html | 1 + src/login.js | 5 ++--- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/login.html b/src/login.html index 6a2ad969..929c7b7c 100644 --- a/src/login.html +++ b/src/login.html @@ -32,6 +32,7 @@ <label for="loginPassword" class="mb-1">Password</label> <input class="form-control mb-4" id="loginPassword" type="password" placeholder="Password" name="password"> </div> + <label for="invalid-login" id="invalid-login" class="text-center w-100 pb-2" style="color: red;"></label> <button type="submit" class="btn btn-outline-dark mx-auto d-block py-2" id="submitLogin">Login</button> </form> </div> diff --git a/src/login.js b/src/login.js index 062bac1b..2480dfa2 100644 --- a/src/login.js +++ b/src/login.js @@ -43,16 +43,15 @@ function loginUser(username, password) { resolve(user); } else { - alert('Invalid Username or Password'); + document.getElementById('invalid-login').innerHTML = 'Invalid login credentials!'; reject(new Error('Inavlid username or Password')); } } else { - alert('Invalid Username or Password'); + document.getElementById('invalid-login').innerHTML = 'Invalid login credentials!'; reject(new Error('Invalid username or Password')); } } catch(err) { console.error(err); - alert(err); reject(err); } }) -- GitLab