有些时候我们弄一些自己玩的页面或写一些自己用的系统之类的,可能并不想要那么麻烦的用数据库数据的来实现这个验证登录。
而我们用js也是可以实现简单的验证账号密码登陆。
好了,下面就先直接上主题了
function myFunction()
{
var a=document.getElementById("stu_username_hide").value;
var x=document.getElementById("stu_password_hide").value;
var y=document.getElementById("asas");
if(x=="20001016" && a=="123456")
{
y.href="bbb1.html";
alert("欢迎小老弟?");
}
else if(x=="" && a=="123456"){
y.href="#";
alert("密码呢小老弟?");
}
else if(x==""&&a==""){
/*b.style.display="none" ; */
y.href="#";
alert("不能啥也不填啊小老弟?");
}
else{
y.href="#";
alert("账号或密码错误喔?小老弟");
}
}
上面的代码呢先是获取到两个输入框的值(),第三个呢是声明一下登录按钮的变量(var y=document.getElementById(“asas”);),再就是if判断语句来判断它的值是否为你设定的值是就执行if里面的跳转链接和弹出一个提示框,不是就执行后面那些设定的else语句(效果就是弹出一个提示框提示不符合怎样怎样,这个随便你怎么写)
最后一步就是要在登录按钮的标签里面写一个点击事件再调用上面的函数就行了,如下图
再就是效果图了
下图是输入的不是设定值弹出提示框(这个提示框是要点确定才跳转的,嫌麻烦想要直接跳转可以不写弹窗)
下图是输入设定值然后跳转到主页面