I have stored username and password to a key login in local storage and I need to validate from home page using JavaScript code. function validlogin(event)
function validlogin(event) {
var user = document.getElementById('user').value;
var psw = document.getElementById('psw').value;
var entriesJSON = localStorage.getItem('login');
if (!entriesJSON) {
alert("Nothing stored!");
event.preventDefault();
return;
}
var allEntries = JSON.parse(entriesJSON);
for (var i = 0; i < login.length; i++) {
var entry = login[i];
var username = entry.user;
var password = entry.pass;
var email = entry.email;
if (user == storedUserName && psw == storedPassWord) {
alert("Successfully logged in!");
return;
}
alert('Invalid Username or Password! Please try again.');
event.preventDefault();
window.location = "test.html";
}
}
Just you have to add a else condition like below
if (user == storedUserName && psw == storedPassWord) {
alert("Successfully logged in!");
return;
}
else{
alert('Invalid Username or Password! Please try again.');
event.preventDefault();
window.location = "test.html";
}
If you're not using else condition, It definitely pass the if condition and says
alert("Successfully logged in!");
but after that it gives an
alert('Invalid Username or Password! Please try again.');
So just use else condition. And then all good. Good work champ ; )
function validlogin() {
var user = document.getElementById('user').value;
var psw = document.getElementById('psw').value;
var items = JSON.parse(localStorage.getItem('login'));
for (let i = 0; i < items.length; i++) {
if (items[i].username == user && items[i].password == psw)
{
alert("welcome");
}
}
}