admin管理员组

文章数量:1122852

登陆

<body>
    <h1>登录页面</h1>
    <form id="form">
        手机号：<input type="text" id="mobile" name="mobile"><br>
        密&#x3000;码：<input type="text" id="password" name="password"><br>
        <button type="submit">登录</button>
    </form>
 

     //引入md5进行密码加密
    <script src="./md5.js"></script>
    <script>
        var form = document.getElementById('form');
        var mobile = document.getElementById('mobile');
        var password = document.getElementById('password');
 
 
        form.onsubmit = function () {
            event.preventDefault();
 
            // 验证手机号
            var patt = /^1[3-9]\d{9}$/;
            if (!patt.test(mobile.value)) return alert('请输入正确的手机号！');
            // 验证密码
            if (!password.value) return alert('请输入密码');
 
 
            // 验证通过，发送请求
            var data = new FormData(form);
            data.set('password', hex_md5(password.value));
 
            fetch('http://192.168.0.1:8080/api/login', {
                method: 'post',
                body: data
            }).then(res => res.json()).then(res => {
                console.log(res);
                if (res.code === 1) {
                    // 将uuid存到本地储存里面   
                    // localStorage在不同网站之间，储存的内容是不共享的
                    localStorage.setItem('uuid', res.uuid);
                    location.href = './index.html';
                } else {
                    alert(res.message);
                }
            })
        }
 
    </script>
</body>

本文标签： 登陆

版权声明：本文标题：登陆 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1688057164a174061.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。