diff --git a/src/login.html b/src/login.html index 6a2ad969570fd24e45ce51fcc99ea8c64ff8fc64..929c7b7c5484c010da2a3dedf18a8ba247a7ea9c 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 062bac1b8515eb9456271ce87641d99d90067337..2480dfa2266992199380f8064fb41a836af1d97b 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); } })