Блог

Я пытаюсь войти на веб-сайт с помощью Java script. Я нашел форму входа на веб-сайте, и я не уверен, что делать дальше.

Я добавил значение = «myemail» и значение = «mypass» при проверке кода, и он зарегистрировал меня. Я не понимаю, как я мог бы реализовать функцию java script для добавления в свой собственный код.

 <input name="email" id="emailForSignIn" class="txt-input email float-label ctHidden" type="email" aria-required="true">

  

 <input name="password" id="passwordForSignIn" autocomplete="off" class="txt-input password float-label" type="password" aria-required="true">


  

Чтобы «войти» на веб-сайт с помощью Javascript, вы должны ввести действие в свою форму.

Форма должна быть настроена так, чтобы перенаправлять вас на следующую страницу.

Однако аутентификация пользователя — это то, чему вам следует научиться, когда у вас будет больше опыта работы с Javascript. Вы можете воспользоваться сторонними сервисами или поработать над серверной частью самостоятельно. Судя по вашему вопросу, я подозреваю, что вы изучаете основы JS.

Вы могли бы сделать это с помощью ajax:https://api.jquery.com/jquery.ajax

Вам не нужен jQuery, но это значительно упростит задачу.

 $.ajax({
    type: "POST",
    url: 'login.php', // script to do the actual authentication, set session etc.
    data: {
        username: 'foo', // get element value of username here
        password: 'bar', // get element value of password here
    },
    success: function(data) {
        // process result
    },
});
  

Технически вы не входите в систему через JS, но вы используете JS, чтобы не перезагружать всю страницу.

Если вы хотите обычный JS-Login, вам нужно будет сохранить учетные данные в вашем JS, что возможно, но не очень хорошая идея:

Пример (не постоянный, вам придется входить в систему каждый раз, когда вы перезагружаете страницу):

 var loggedIn = false;

function authenticate() {
  var password = document.getElementById('password').value;
  
  loggedIn = login(password);
  status();
}

function login(password) {
    var storedPassword = '123';

    return password == storedPassword;
}

function status() {
  if(loggedIn) {
    console.log('You are in :)');
  } else {
    console.log('You are not in :(');
  }
}  

 <input type='password' value='' id='password'>
<input type='button' onclick='authenticate()' value='login'><br/>
<small>Try 123 :D</small>