登录

发布时间:2022-05-10 16:41:31 浏览量:346 标签: 登录

html代码

<div class="rg">    
    <div class="form">    
        <div class="content">    
            <h3 class="f28">客户登录入口</h3>    
            <form action="" method="">    
                <div class="name">    
                <span class="iconfont icon-xingming"></span>    
                <input type="text" class="f16" placeholder="请输入用户名" name="userName">    
                </div>    
                <div class="name">    
                <span class="iconfont icon-mima"></span>    
                <input type="password" class="f16" placeholder="请输入密码" name="password">    
                </div>    
                <button type="button" class="f16">登录</button>    
            </form>    
        </div>        
    </div>    
</div>



js代码

$('button').click(function () {    
    var userName = $('input[name="userName"]').val();    
    var password = $('input[name="password"]').val();    
    if (userName == '') {    
        alert('请输入用户名');    
        return false;    
    }    
    if (password == '') {    
        alert('请输入密码');    
        return false;    
    }    
    let webLang = "cn";    
    $.ajax({    
        type: 'post',    
        url: '/home/user/userlogin.html',    
        data: {    
            "userName": userName,    
            "password": password    
        },    
        dataType: 'json',    
        success: function (res) {    
            res = JSON.parse(res);    
            if (res.code === 200) {    
                alert(res.msg);  //msg为借口的提示信息    
            if (webLang === "en") {    
                window.location.href = "/home/index/index_en.html"    
            } else {    
                window.location.href = "/home/index/index.html"    
            }    
            } else {    
                alert(res.msg);    
                return false;    
            }    
        },    
        error: function (res) {    
            alert('接口错误')    
        }    
    })    
})



搜索
关于我
吴英赫
最新标签
推广