1

Пытаюсь сравнить значения введенные в форму со значениями заданными вручную и редиректнуть на другую страницу если совпадут, но почему то не получаются(Значения из формы получаю верные, потому что alert() выводит то что нужно, а вот редиректа не происходит), Где ошибка в if?

var usrname = 0;
var pswrd = 0;

function authentication() {
  usrname = document.getElementById("username").value;
  pswrd = document.getElementById("password").value;

  console.log(usrname, pswrd);

  if (usrname == "username" && pswrd == "12345678") {
    window.location = "http://google.com";
  } else {
    alert("Вы не зарегистрированы как должник, либо неправильно введен логин и / или пароль.")
  }
}

ОБНОВЛЕНИЕ Выложил html по просьбам.

<form id="login">
    <h1>Форма входа</h1>
    <fieldset id="inputs">
        <input id="username" type="text" placeholder="Логин" autofocus 
required>
        <input id="password" type="text" placeholder="Пароль" required>
    </fieldset>
    <fieldset id="actions">
        <input type="submit" id="submit" value="ВОЙТИ" 
onclick="authentication()">
        <a href="">Забыли пароль?</a>
    </fieldset>
</form>

тот html с которым не работает window.location

20
  • статус: не воспроизводится ...... jsfiddle.net/uqrxhq8a 21 мая 2017 в 9:29
  • То есть window.location не работает внутри if?
    – Lspewz
    21 мая 2017 в 9:51
  • Потому что если ввожу неправильный логин/пароль он выдаает что не зарегистрирован
    – Lspewz
    21 мая 2017 в 9:52
  • Что выводит alert ( usrname + pswrd ); ?. При вашем расклад должно выводить username12345678. 21 мая 2017 в 9:52
  • 2
    Пруф где? Видео записывай с открытой консолью.
    – Alex78191
    21 мая 2017 в 15:54

2 ответа 2

1

В обработчике события submit формы сделай event.preventDefault().

1

Если в коде написано также, как и сейчас, то ошибка заключается вот в этой строке:

 alert("Вы не зарегистрированы как должник, либо неправильно введен 
логин и/или пароль.")

Потому что нельзя так в коде писать текст на разных строках без конкатенации. Должно быть либо в одну строку

alert("Вы не зарегистрированы как должник, либо неправильно введен логин и/или пароль.");

либо конкатенировать

alert("Вы не зарегистрированы как должник, либо неправильно введен " +
    + "логин и/или пароль.")

либо для ES6 использовать Шаблонные строки, которые поддерживают это. Но в IE и Safari данная новинка не будет работать, т.к. нет совместимости с ними.

И при синтаксических ошибках ВСЕГДА пишутся сообщения в консоли. Она вообще у вас должна быть всегда открыта.

4
  • либо используйте обратные кавычки `Вы не зарегистрированы как должник, либо неправильно введен логин и/или пароль.` 21 мая 2017 в 9:37
  • В коде все в одну строку, синтаксических ошибок консоль не выдает
    – Lspewz
    21 мая 2017 в 9:40
  • @АлексейШиманский Если написано не в if работает прекрасно
    – Lspewz
    21 мая 2017 в 9:58

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.