求助下html代码验证用户名密码跳转另外页面

weixin_40569275 2019-06-08 12:24:08

这个代码是可以验证用户名是1 密码是1 但是我还想添加多个用户名密码要怎么写函数呢大神指导下

<script>

function check(){

var name=document.getElementById("name").value;

var pass=document.getElementById("pass").value;



if(name=="1" && pass=="1")

{

alert("登入成功");

window.document.f.action="https://www.baidu.com/";

window.document.f.submit();

}else{

alert("用户名或密码错误");

}

}







</script>

<form name="f" action="">

用户名:<INPUT TYPE="text" NAME="" id="name"><br>

密码:<INPUT TYPE="password" NAME="" id="pass"><br>

<INPUT TYPE="button" value="登入" onclick="check()"><INPUT TYPE="reset" value="重置">

</form>

...全文

2048 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

不秃头的程序员 2019-06-10

打赏
举报

写一个json然后ajax

潇湘忆梦 2019-06-10

打赏
举报

1. 这种方式很坑，慎用


  function check() {
            var name = document.getElementById("name").value;
            var pass = document.getElementById("pass").value;

            //你的多用户
            var data = [{ name: "a", psd: 1 }, { name: "b", psd: 2 }, { name: "c", psd: 3 }, { name: "d", psd: 4 }];
            for (var o in data) {
                if (name == data[o].name) {
                    if (pass == data[o].psd) {
                        alert("登入成功");
                        window.document.f.action = "https://www.baidu.com/";
                        window.document.f.submit();
                    } else {
                        alert("密码错误");
                    }
                    break;
                }
                else {
                    if (o == (data.length - 1)) {
                        alert("用户名不存在");
                        break;
                    }
                    else {
                        continue;
                    }
                }
            }
        }

2.如果数据源是来自于数据库或者表，使用ajax


            //这里为用ajax获取用户信息并进行验证，如果账户密码不匹配则登录失败
            $.ajax({
                url: systemURL,// 获取自己系统后台用户信息接口
                data: { "username": name, "password": pass },
                type: "GET",
                dataType: "json",
                success: function (data) {
                    if (data) {
                        if (data.code == "1") { //判断返回值，这里根据的业务内容可做调整
                            showMsg("正在登录中...");
                            console.log(data);
                            window.location.href = url;//指向登录的页面地址
                        } else {
                            showMsg(data.message);//显示登录失败的原因
                            return false;
                        }
                    }
                },
                error: function (data) {
                    showMsg(data.message);
                }
            });