博客列表 >用户登录-2018-04-09

用户登录-2018-04-09

彪小A的博客
彪小A的博客原创
2018年04月12日 14:46:00545浏览
<!DOCTYPE html>
<html lang="en">
<head>
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <meta charset="UTF-8">
    <title>用户登录</title>
</head>
<body>
    <div class="wrap">
        <form>
            <fieldset>
                <legend>用户登录</legend>
                <p>邮箱地址:
                    <input type="email"id="email" placeholder="邮箱地址">
                </p>
                <p>登录密码:
                    <input type="password"id="password" placeholder="登录密码">
                </p>
                <p>
                    <button id="login">登录</button>
                    <span style="color:red;font-size:1.1em" id="tips"></span>
                </p>
            </fieldset>
        </form>
    </div>
</body>
<script type="text/javascript">
    $('#login').click(function () {
        $.post(
            'api/user.php?m=login',
            {
                "email":$('#email').val(),
                "password":$('#password').val()
            },
            function (data) {
                var res = "邮箱或密码错误,请重新输入";

                if(data!=1){
                    $('#email').focus();
                }else{
                    res = '登录成功,正在跳转....';
                    setTimeout(function () {
                        location.href = 'api/index.php'
 },2000);
                }
                $('#tips').text(res);
            },
            'json'
 );
      return false;
    })
</script>
</html>


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议