Как сделать переход на другую страницу если имя и пароль верно?
На какую страницу и зачем хотите перейти? Логин и пароль не собираетесь отправлять на сервер? Я почему уточняю, если дело в этом, то нужно форме добавить атрибут action="/login-form/handler/url" и, по всей видимости, method="post". Ну или перехватить обработку формы / нажатия на произвольную кнопку и отправить данные через AJAX. Если же ничего делать с логином и паролем не собираетесь, то в JS это window.location.href='новый адрес';
Если уж прям надо как написано у тебя в вопросе, то вот! 
<div class="steam-box">
    <h2>Login</h2>
    <form>
        <div class="input-box">
            <input type="text" name="login" id="login" required>
            <label>Username</label>
        </div>

        <div class="input-box">
            <input type="password" name="password1"  id="password" required>
            <label>Password</label>
            <div id="toggle" onclick=" showHide();"></div>
        </div>
        <input type="submit" value="Sign in">
    </form>
</div>

<script>
const form = document.forms[0];
const text = form.querySelectorAll(`.input-box`);

let textLogin = text[0].querySelector(`label`);
let textPass = text[1].querySelector(`label`);

form.addEventListener(`submit`, (evt) => {
  evt.preventDefault();
   if (form.elements.login.value === '') {
    textLogin.textContent = `Заполните поле`;
   } else if (form.elements.password.value === '' ) {
    textPass.textContent = `Заполните поле`;
   } else {
    document.location.href = "НТТР: // сайт . ру /";
   }
});