Блог

Главная - Вопросы по программированию - javascript войти и зарегистрироваться proplem

javascript войти и зарегистрироваться proplem

#javascript #html #authentication #local-storage #account

#javascript #HTML #аутентификация #локальное хранилище #Учетная запись

Вопрос:

мне нужно, чтобы это работало с интерфейсом, я хочу, чтобы клиент добавлял свои данные и сохранялся для использования при входе в систему, и я не могу войти в систему без регистрации, но я просто проверяю, соответствуют ли сохраненные данные введенному значению или нет, но я не могу сделать больше, чемодна учетная запись какие-либо решения?

 <html>
<body>
    <div id="first">
        <h1>make an account</h1>
        <form onsubmit="return false">
            new Name:<input id='nus' type="text" placeholder="Type your name here">
            new password:<input id='npass' type="password" placeholder="Type your password here">
            <button onclick="addaccount()" type="submit">add</button>
        </form>
    </div>
    <div id="scnd" style="display: none;">
        <p id='txt'></p>
        <form onsubmit="return false">
            Name:<input id='bar' type="text" placeholder="Type your name here">
            password:<input id='pass' type="password" placeholder="Type your password here">
            <button onclick="insert()" type="submit" id='insbtn'>insert</button>
        </form>
        <h1 id="acc" style="display: none;"> example for text <br>Lorem ipsum dolor sit amet consectetur,
            adipisicing elit. Magni ipsum voluptatibus quis eos laudantium commodi quae pariatur magnam in rem
            odio,
            neque officia tempora repellat ea soluta atque eius expedita!</h1>
    </div>
    <script>

        function addaccount() {
            var first = document.getElementById('first')
            const nus = document.getElementById('nus').value;
            const npass = document.getElementById('npass').value;
            localStorage.setItem('nus', nus)
            localStorage.setItem('npass', npass)
            first.style.display = 'none'
            scnd.style.display = 'block'
        }
        function insert() {

            var scnd = document.getElementById('scnd')
            var txt = document.getElementById('txt');
            var bar = document.getElementById('bar').value;
            var pass = document.getElementById('pass').value;
            var insbtn = document.getElementById('insbtn');
            var acc = document.getElementById('acc')
            localStorage.setItem('name', bar);
            localStorage.setItem('password', pass);

            var getus = localStorage.getItem('name')
            var getpass = localStorage.getItem('password');
            /*tried to set the username and password myself but i found it silly now i can't make more than a 
            user login and i can't go directly to signing in*/
            if (localStorage.getItem('nus') == bar amp;amp; localStorage.getItem('npass') === pass) {
                acc.style.display = 'block';
                txt.innerHTML = 'hello'   ' '   getus
            }
            else {
                txt.innerHTML = 'error not your account'
            }
        }
    </script>
</body>

</html>

Комментарии:

1. У вас есть два <form> элемента, и первый из них не закрыт?

2. Кроме того, использование localStorage в качестве носителя для хранения учетной записи пользователя является ….. странным.

3. какие могут быть другие альтернативы?

4. Все, что связано с сервером, который является общим ресурсом для нескольких пользователей. Это очень широкий вопрос.

5. итак, использование серверной части было бы лучше?