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

2019-06-08 12:24:08 2.1k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

weixin_40569275 墨衍会员 · AI 创作全网分发关注 + 加入社区

【JSP中servlet】单纯利用servlet写一个用户名密码判断页面单纯只用servlet完成无数据库的用户名密码验证阅读详情

这个代码是可以验证用户名是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>

...全文

在Ubuntu系统上使用PHP来搭建一个网页登录验证系统，并在验证成功后跳转到成功页面在Ubuntu系统上使用PHP来搭建一个网页登录验证系统，并在验证成功后跳转到成功页面，通常涉及以下几个步骤：安装apache和php创建HTML登录表单：创建一个HTML文件包含登陆表单用于收集用户名和密码编写php的验证脚本：编写脚本处理登陆表单提交的数据，验证用户名和密码，并根据验证结果定向到相应的页面配置apache:确保apache能正确解析php文件。阅读详情

weixin_40569275

CSS 61,116 成员 60,701 内容

+ 关注 + 加入社区

切换为时间正序

不秃头的程序员 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);
                }
            });

usecf 2019-06-10

打赏
举报

你也可以在js中增加2个数据，用于保存用户名和密码，根据你输入的用户名密码和数据中的用户名密码比较如果在数组里面，你就登陆成功

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

相关推荐