2021-07-01验证用户账号密码登录,三次输入错误要验证码

登录功能
如果登录失败的次数没到3次,登录时需要用户名和密码
如果登录失败的次数到达3次,登录时需要用户名、密码、验证码
验证码:4位,大小写字母和数字组成
root 1234 //正确的账号密码`package com.qf.test3;

import java.util.Random;
import java.util.Scanner;

public class TestOverload3 {
   

    public static void main(String[] args) {
   

        String s1 = "abc";
        String s2 = "ab3c";
        System.out.println(s1.equals(s2));

        /*
         登录功能
         如果登录失败的次数没到3次,登录时需要用户名和密码
         如果登录失败的次数到达3次,登录时需要用户名、密码、验证码
         验证码:4位,大小写字母和数字组成
         root 1234 //正确的账号密码
          */
        Scanner sc = new Scanner(System.in);
        // 登录失败的次数
        int c = 0;
        for(;;){
   
            boolean b;
            if(c < 3){
   
                System.out.println("请输入用户名:");
                String username 
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,你可以按照以下步骤来创建一个带有这些功能的PC端登录页面: 1. 创建一个HTML文件,并在文件中添加一个表单元素,用于用户输入账号和密码。同时,添加一个验证码输入框,以及一个用于显示验证码图片的元素。 2. 在CSS文件中定义页面的样式,包括背景图片、表单元素的布局和样式、验证码图片的样式等。 3. 在JavaScript文件中编写验证码的生成和验证逻辑。你可以使用第三方库来生成验证码图片,例如Captcha.js或Math.random()等。 4. 在后端服务器上处理用户提交的表单数据,并进行账号密码验证。如果验证通过,则跳转到用户的个人主页;否则提示用户输入错误,并刷新验证码。 以下是一个简单的示例代码: HTML文件: ``` <!DOCTYPE html> <html> <head> <title>登录页面</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="container"> <form action="login.php" method="POST"> <label for="username">用户名:</label> <input type="text" id="username" name="username" placeholder="请输入用户名"> <label for="password">密码:</label> <input type="password" id="password" name="password" placeholder="请输入密码"> <label for="captcha">验证码:</label> <input type="text" id="captcha" name="captcha" placeholder="请输入验证码"> <img src="" alt="验证码" id="captcha-img"> <button type="submit">登录</button> </form> </div> <script src="main.js"></script> </body> </html> ``` CSS文件: ``` body { background-image: url('background.jpg'); background-repeat: no-repeat; background-size: cover; } .container { margin-top: 100px; padding: 20px; background-color: rgba(255, 255, 255, 0.8); border-radius: 10px; width: 400px; } form { display: flex; flex-direction: column; align-items: center; } label { margin-top: 10px; font-size: 16px; } input { margin-top: 5px; padding: 5px; border-radius: 5px; border: none; outline: none; } button { margin-top: 20px; padding: 10px; border-radius: 5px; border: none; outline: none; background-color: #007AFF; color: #FFF; font-size: 16px; cursor: pointer; } #captcha-img { margin-top: 10px; } ``` JavaScript文件: ``` // 生成验证码 function generateCaptcha() { var captcha = Math.floor(Math.random() * 9000) + 1000; // 生成四位数的验证码 var captchaImg = document.getElementById('captcha-img'); captchaImg.src = 'captcha.php?captcha=' + captcha; // 将验证码传递给后端脚本,并返回图片的URL } // 验证码验证 function validateCaptcha() { var captcha = document.getElementById('captcha').value; var xhr = new XMLHttpRequest(); xhr.open('POST', 'captcha.php', true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { var result = xhr.responseText; if (result == 'true') { alert('验证码正确!'); } else { alert('验证码错误,请重新输入!'); generateCaptcha(); } } }; xhr.send('captcha=' + captcha); } // 页面加载完成后生成验证码 window.onload = generateCaptcha; // 点击验证码图片刷新验证码 document.getElementById('captcha-img').addEventListener('click', generateCaptcha); // 点击登录按钮验证验证码 document.querySelector('button[type="submit"]').addEventListener('click', validateCaptcha); ``` 后端PHP脚本(captcha.php): ``` <?php session_start(); $captcha = $_REQUEST['captcha']; if ($captcha == $_SESSION['captcha']) { echo 'true'; } else { echo 'false'; } $_SESSION['captcha'] = ''; // 验证码只能使用一,使用后清空 ?> ``` 你需要将这些代码分别保存在HTML、CSS、JavaScript和PHP文件中,并在同一个目录下创建一个名为“background.jpg”的图片文件。然后,将HTML文件在浏览器中打开,就可以看到一个带有验证码、账号、密码、背景图片的PC端登录页面了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值