jQuery 的随机密码生成

 

$.extend({
  password: function (length, special) {
    var iteration = 0;
    var password = "";
    var randomNumber;
    if(special == undefined){
        var special = false;
    }
    while(iteration < length){
        randomNumber = (Math.floor((Math.random() * 100)) % 94) + 33;
        if(!special){
            if ((randomNumber >=33) && (randomNumber <=47)) { continue; }
            if ((randomNumber >=58) && (randomNumber <=64)) { continue; }
            if ((randomNumber >=91) && (randomNumber <=96)) { continue; }
            if ((randomNumber >=123) && (randomNumber <=126)) { continue; }
        }
        iteration++;
        password += String.fromCharCode(randomNumber);
    }
    return password;
  }
});

// How to use
$.password(8);
$.password(12, true);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我会为您提供代码实现。首先,我们需要准备好Bootstrap和jQuery的CDN链接,代码如下: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Login Page</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css"> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> </head> <body style="background-image: url('https://picsum.photos/1920/1080'); background-size: cover;"> <div class="container-fluid"> <div class="row justify-content-center"> <div class="col-sm-12 col-md-6 col-lg-4"> <div class="card mt-5"> <div class="card-header"> <h4 class="text-center">Login</h4> </div> <div class="card-body"> <form id="login-form"> <div class="form-group"> <label for="username">Username</label> <input type="text" class="form-control" id="username" placeholder="Enter username"> </div> <div class="form-group"> <label for="password">Password</label> <input type="password" class="form-control" id="password" placeholder="Enter password"> </div> <button type="submit" class="btn btn-primary btn-block">Login</button> </form> </div> </div> </div> </div> </div> <script> $(function() { $('#login-form').submit(function(e) { e.preventDefault(); var username = $('#username').val(); var password = $('#password').val(); // front-end validation if (username.length < 6) { alert('Username must be at least 6 characters long.'); return; } if (password.length < 8) { alert('Password must be at least 8 characters long.'); return; } // generate random token var token = Math.random().toString(36).substr(2) + Math.random().toString(36).substr(2); // set token to localStorage var expirationDate = new Date(); expirationDate.setHours(expirationDate.getHours() + 12); localStorage.setItem('token', token); localStorage.setItem('expirationDate', expirationDate); // redirect to dashboard page window.location.href = 'dashboard.html'; }); }); </script> </body> </html> ``` 这个登录页面采用了Bootstrap和jQuery,带有背景图片。在前端校验账号密码后,生成一个随机token,并将其存储在localStorage中,同时设置过期时间为12小时。最后,重定向到仪表板页面。请注意,此示例中的代码不包含后端接口调用,因此仅用于演示目的。 希望这可以帮助到您,如果您有其他问题,请随时问我。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值