来了老弟,自定义账号密码登录

有些时候我们弄一些自己玩的页面或写一些自己用的系统之类的,可能并不想要那么麻烦的用数据库数据的来实现这个验证登录。

而我们用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语句(效果就是弹出一个提示框提示不符合怎样怎样,这个随便你怎么写)

最后一步就是要在登录按钮的标签里面写一个点击事件再调用上面的函数就行了,如下图
在这里插入图片描述

再就是效果图了
下图是输入的不是设定值弹出提示框(这个提示框是要点确定才跳转的,嫌麻烦想要直接跳转可以不写弹窗)
在这里插入图片描述

下图是输入设定值然后跳转到主页面
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值