弹出一个登录层，并对登录进行校验

最新推荐文章于 2019-04-17 18:54:35 发布
最新推荐文章于 2019-04-17 18:54:35 发布
阅读量594 收藏
点赞数
分类专栏： 前端初探 文章标签： input function login button xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangyonghua_net/article/details/7454693
版权

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="弹出层.aspx.cs" Inherits="弹出层" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <!-- 这里一段JS的代码，主要是两个方法。一个是隐藏层。一个是打开层 -->

    <script language="javascript" type="text/javascript">
    
      function ShowDiv(){
     var Show = document.getElementById("login");
     Show.style.position = "absolute";
     Show.style.visibility = "visible";
     Show.style.display = "block";
}
function ClosDiv(){
var Clos = document.getElementById("login");
Clos.style.visibility = "hidden";
Clos.style.display = "none";
}
function LoginIn()
{
alert('a');
 var username=document.getElementById("username");
 var password=document.getElementById("passwodr");
 alert(username.value);
 alert(password.value);
 if(username.value=="admin"&&password.value=="admin")
 {
     window.location.href("Default.aspx");
 }
}
    </script>

</head>
<body>
    <a href="#" οnclick="ShowDiv()">登录</a> <a href="#" οnclick="ClosDiv()">取消</a>
    <div id="login" style="visibility: hidden; display: none; border: 1px #CCCCCC solid;
        width: 300px;">
        <div style="width: 300px; height: 20px; background-color: #CCCCFF; display: block">
            <div style="width: 5px; height: 5px; margin-left: 140px; margin-top: 5px;">
                <input type="submit" value="X" οnclick="ClosDiv()" width="2px;" height="2px;" />
            </div>
        </div>
        <div>
            <form action="">
                用户名：<input type="text" id="username" /><br />
                密 码：
                <input id="passwodr" type="password" /><br />
                <input id="btnlogin" type="button" value="登录" οnclick="LoginIn()" />&nbsp;&nbsp;&nbsp;
                <input type="reset" value="清空" />
                <input type="button" value="关闭" οnclick="ClosDiv()" />
            </form>
        </div>
    </div>
</body>
</html>

wangyonghua8
关注
专栏目录
弹出层登录窗口ajax登录验证
04-13
改进部分验证，实现了ajax验证登录，页面的兼容性也调了下ie678无问题，360无问题，火狐没问题入各位用着有问题可留言。谢谢支持
js弹出层评论前判断是否要登录
ougexingfuba的博客
07-13 307
Systemnews1Action.class.php public function news(){ session_start(); if (isset($_SESSION['user']) && !empty($_SESSION['user'])) { $user = $_SESSION['user']; $this->assign("user",$user
提交表单<input type="button" value="登录" onclick="login()"/> 和<button onclick="login()">登录</button>区别...
07-26 1636
html按钮有两种： &lt;input type="button" value="登录" onclick="login()"/&gt; 和&lt;button onclick="login()"&gt;登录&lt;/button&gt; 这两种在页面上看起来好像一样没什么区别，但是这两种是有区别的。 1，如果在&lt;form id="login
模拟登陆：默认用户名和密码是admin
一个程序小白的博客
11-25 1万+
package com.heima.test; import java.util.Scanner; public class TestLoading { /*模拟登陆：默认用户名和密码是admin * 1.输入用户名和密码 * 2.判断是否正确 * 3.只有3次机会，提示剩下几次机会 */ public static void main(String[] ar...
js实现登录注册框手机号和验证码校验（前端部分）
10-19
如果校验通过，弹出层会显示出来。 知识点六：倒计时功能实现 验证码系统中经常会涉及到倒计时功能，用于限制用户在一定时间内只能获取一次验证码。本文中使用JavaScript的`setInterval`函数创建了一个倒计时效果，...
漂亮的登录页+滑动弹出框+js正则验证
07-07
"漂亮的登录页+滑动弹出框+js正则验证"这个项目，显然着重于实现这三个核心功能，以创建一个既视觉上吸引人又具有实用性的用户界面。 首先，我们来详细探讨“漂亮的登录页”。这通常涉及到以下几个方面： 1. **...
使用layui前端框架弹出form表单以及提交的示例
10-16
在本文中，我们将深入探讨如何使用layui前端框架来弹出form表单并进行数据提交。layui是一款基于HTML5和CSS3的轻量级前端组件库，它提供了丰富的UI组件和强大的交互功能，使得Web开发更加便捷高效。下面，我们就按照...
js实现弹窗登录验证
hyty的博客
09-28 1万+
js实现弹窗登录验证 1.CSS隐藏的弹窗块 &amp;lt;style&amp;gt; #notClickDiv{ filter:alpha(Opacity=35);opacity:0.35; /*设置不透明度为35%*/ background:#000000; /*设置背景为黑色*/ position:absolute; /*设置定位方式为绝对位置*/ display:none...
弹窗加密代码（可关闭）
08-30
弹窗加密代码（可关闭），就是一开始你登入一个网页，需要验证正确的密码，才可以进入
登录注册弹出框以及弹出框校验
01-23
点击登录、注册按钮显示对应的弹出框界面，在对应注册弹出界面上会对文本框做失去焦点的校验，以及表单提交时对账户、密码的校验。
windows连接代理服务器,总是弹出输入用户名和密码的框的问题
ultrapp的专栏
10-08 1万+
win7连接代理服务器,总是弹出输入用户名和密码的框的问题 .   1. 首先确认一下控制面板-系统和安全-windows防火墙-允许的程序里打开了"文件和打印机共享"   2. 开始=>运行... =>gpedit.msc=>本地计算机策略=>计算机配置=>Windows设置=>安全设置=>本地策略=>安全选项.找到:"网络安全:LAN管理器身份验证级别"项,默认值"没有定义"改为"发送LM
java实现弹出认证输入框（弹出一个带有用户名和密码输入的对话框）
热门推荐
Coder-qi's Blog
01-22 1万+
java如何实现如题的效果，效果图如下：    这个效果让我很好奇，这个效果类型与在ftp服务器上下载需要登录认证的文件时会弹出这个框，在网上查阅了一些资料，不过相关的资料真的很少，找到了一些关键的技术点自己简单的实现了下，下面是一些简单的介绍，来源于http://www.blogbus.com/gaomed-logs/106179012.html 标签： TAG: 用户登录框是怎么做
如何实现验证登录
weixin_44547914的博客
04-17 4715
如何实现验证登录 开发工具与关键技术：JS 作者：李宥良 撰写时间：2019年4月16日 如何实现验证登录 今天主要讲两部分内容 一、 Session 二、 验证码 Session 对象用于存储关于某个用户会话（session）的信息，或者修改相关的设置。存储在 session 对象中的变量掌握着单一用户的信息，同时这些信息对于页面中的所有页面都是可用的。存储于 session 变量中的...
简易弹出登录框
_ACME_的博客
06-09 2533
效果如图: 登陆按钮图： 思路如下： 先创建一个登陆按钮–>点击登陆按钮后显示登录框–>除了登录框其它的背景变成透明的灰色.HTML代码:<!--登陆按钮--> <div id="login"><a href="javascript:;">登录</a></div> <!--登陆按钮结束--> <!--登陆框 --> <div id="login-box">
使用VS2015和Nhibernate实现与MySql数据库连接，实现增删改查操作
penchaoo
05-08 6922
使用VS2015和Nhibernate简单C#代码实现与MySql数据库连接，实现增删改查操作，不涉及Web。
vue的ui框架element-UI的弹出框范例
liukai6的博客
05-23 1万+
提示消息 this.$message(‘这是一条消息提示’); 成功的消息 this.$message({ message: ‘恭喜你，这是一条成功消息’, type: ‘success’ }); 警告消息 this.$message({ message: ‘警告哦，这是一条警告消息’, type: ‘warning’ }); 错误消息 this.$mes...
使用Springboot和mybatis框架开发，给出具体程序，程序包含不同表Dao层，不同表Service层，不同表Service实现类，不同表Controller层，使用已有工具类LotteryUtils（程序已有）实现抽奖功能 1.根据活动查询出相应奖品，并根据奖品概率选出抽中的奖品，记录到抽奖表和中奖表中 2.不在进行中的活动弹出提示 3.超过抽奖限制次数弹出提示 4限制接口频繁访问 10秒内不允许同一个用户访问2次 5抛出异常时事务需要回滚 6.需要校验用户是否存在，奖品是否存在，库存是否足够，否则给与提示
最新发布
06-13
很抱歉，我作为一个语言模型，无法提供具体的程序代码。但我可以给你一些思路和步骤。 1. 创建数据库表，建立相应的实体类和DAO层，使用Mybatis框架进行数据库操作。 2. 创建Service层接口和实现类，实现抽奖逻辑，包括根据活动查询奖品，计算奖品概率，记录抽奖和中奖信息，校验用户和奖品信息等。 3. 创建Controller层，提供RESTful API接口，调用Service层实现抽奖功能。 4. 使用LotteryUtils工具类实现抽奖概率计算和随机抽奖。 5. 在Controller层添加接口访问频率限制，在Service层添加事务控制和异常处理，确保数据的一致性和完整性。 6. 需要注意的是，抽奖过程中需要校验奖品库存，避免出现库存不足的情况。 下面是一个简单的伪代码示例： ```java @RestController public class LotteryController { private static final int MAX_LOTTERY_TIMES = 3; private static final long MIN_ACCESS_INTERVAL = 10000L; @Autowired private LotteryService lotteryService; @PostMapping("/lottery") public Result<LotteryResult> lottery(@RequestBody LotteryRequest request, HttpServletRequest servletRequest) { String ip = servletRequest.getRemoteAddr(); // 校验接口访问频率 if (!AccessLimitUtils.tryAcquire(ip, MIN_ACCESS_INTERVAL)) { return Result.fail("too many requests, please try again later"); } // 校验用户和奖品信息 if (!lotteryService.validate(request.getUserId(), request.getPrizeId())) { return Result.fail("invalid user or prize"); } // 校验抽奖次数和活动状态 if (!lotteryService.checkLotteryTimes(request.getActivityId(), MAX_LOTTERY_TIMES)) { return Result.fail("exceed max lottery times or activity not started"); } // 执行抽奖逻辑 try { LotteryResult result = lotteryService.lottery(request.getActivityId(), request.getUserId(), request.getPrizeId()); return Result.success(result); } catch (Exception e) { return Result.fail("lottery failed"); } } } @Service @Transactional public class LotteryServiceImpl implements LotteryService { @Autowired private PrizeMapper prizeMapper; @Autowired private LotteryMapper lotteryMapper; @Autowired private WinningMapper winningMapper; @Override public boolean validate(long userId, long prizeId) { // 校验用户和奖品是否存在 User user = userDao.findById(userId); Prize prize = prizeDao.findById(prizeId); if (user == null || prize == null) { return false; } return true; } @Override public boolean checkLotteryTimes(long activityId, int maxTimes) { // 校验活动是否在进行中 Activity activity = activityDao.findById(activityId); if (activity == null || !activity.isStarted()) { return false; } // 校验抽奖次数 int lotteryTimes = lotteryMapper.getLotteryTimes(activityId); if (lotteryTimes >= maxTimes) { return false; } return true; } @Override public LotteryResult lottery(long activityId, long userId, long prizeId) { // 查询奖品信息 Prize prize = prizeMapper.findById(prizeId); // 计算中奖概率 double probability = LotteryUtils.calculateProbability(prize.getProbability()); // 随机抽奖 boolean win = LotteryUtils.lottery(probability); if (win) { // 记录中奖信息 Winning winning = new Winning(activityId, userId, prizeId); winningMapper.insert(winning); } // 记录抽奖信息 Lottery lottery = new Lottery(activityId, userId, prizeId, win); lotteryMapper.insert(lottery); return new LotteryResult(prize.getName(), win); } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值