How to login successfully with details from an array in localStorage?

Question

How to stop looping once the uninput and pwinput matches with the array from LocalStorage?

function login() {
  existinglist = JSON.parse(localStorage["existinglist"]);
  var uninput = document.getElementById('UserName').value;
  var pwinput = document.getElementById('PassWord').value;
  for (var i = 0; i < existinglist.length; i++) {
    if (uninput == existinglist[i]['UserName'] && pwinput == existinglist[i]['Password']) {
      credential
      alert('You have login successfully!');
      break;
    } else {
      alert('Invalid login!');
    }
  }
}

<form action="             " class="loginform" onsubmit=' return login()'>
  <label>Username: </label>
  <input type="text" id='UserName' name="UserName" autocomplete='off' required>
  <label>Password: </label>
  <input type="password" id='PassWord' name="PassWord" autocomplete='off' required>

  <button type="submit">Log in</button>


</form>

https://jsfiddle.net/ybgw4vdc/2/ pls take a look over here sorry — CuriousDude, Jul 30 '18 at 12:38
If you don't want your form to be submitted, your `login` function must return `false` — Hearner, Jul 30 '18 at 12:40
What is `credential` supposed to do? Also, It's a very bad practice to store passwords and usernames in `localStorage`. — Zenoo, Jul 30 '18 at 12:40
I think what you're looking for is how to stop form submission based on whatever validation must be done. Look here for information on how to stop form submission: https://stackoverflow.com/questions/8664486/javascript-code-to-stop-form-submission — Isaac Abramowitz, Jul 30 '18 at 12:54
https://ibb.co/cAkUio this is image link of the values stored in localstorage — CuriousDude, Jul 30 '18 at 12:59
I wanted to compare the entered values with the localStorage data that is in an array — CuriousDude, Jul 30 '18 at 13:05
That is not how you use localStorage. Use the `getItem` method. — Fred, Jul 30 '18 at 13:17

score 0 · Answer 1 · answered Jul 30 '18 at 12:49

0

Your second page for creating a user account does't exist. Your code will work, provided it is in a function and you remove those tags

answered Jul 30 '18 at 12:49

Glenn McAvoy

89
7

This is not an answer, but something that should go in a comment – Isaac Abramowitz Jul 30 '18 at 12:51
My bad, can't post comments – Glenn McAvoy Jul 30 '18 at 12:52
Oh I understand – Isaac Abramowitz Jul 30 '18 at 12:53

How to login successfully with details from an array in localStorage?

1 Answers1