js校验码

最新推荐文章于 2022-09-19 10:56:43 发布
最新推荐文章于 2022-09-19 10:56:43 发布
阅读量824 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/veteran_/article/details/16988607
版权
<!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 id="Head1" runat="server">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>登录验证码</title> 
    <style type="text/css">
body{background-color: #e6f3f9;}
.zi_lan_14{ font-size: 14px; width:"100px" color: #003174; text-decoration: none;}
.zi_lan_12{ font-size: 12px; width:"100px" line-height: 24px; color: #003174; text-decoration: none;}
.bk{ border: 1px solid #006699; height: 18px;}
.zi_hong_12{ font-size: 12px; line-height: 24px; color: #CC0000; text-decoration: none;}
.code{background-image: url(code.jpg);font-family: Arial;font-style: italic;color: Red;border: 0;padding: 2px 3px;letter-spacing: 3px;font-weight: bolder;}
.unchanged{border: 0;}
    </style>
    <script type="text/javascript">
        function KillSpace(x) {
            while ((x.length > 0) && (x.charAt(0) == ' '))
                x = x.substring(1, x.length)
            while ((x.length > 0) && (x.charAt(x.length - 1) == ' '))
                x = x.substring(0, x.length - 1)
            return x
        }
        function CheckForm() {
            //document.LoginForm.UserName.value=KillSpace(document.LoginForm.UserName.value);          
            document.all('UserName').value = KillSpace(document.all('UserName').value)
            if (document.all('UserName').value.length == 0) {
                alert('\n请输入您的用户名!')
                document.all('UserName').focus();
                return false;
            }

            document.all('Password').value = KillSpace(document.all('Password').value);
            if (document.all('Password').value == 0) {
                alert('\n请输入您的密码!');
                document.all('Password').focus();
                return false;
            }
            if (!validate()) {
                document.getElementById("Code").focus();
                document.getElementById("Code").select();
                return false;
            }
            return true;
        }
        var code; //在全局 定义验证码
        function createCode() {
            code = "";
            var codeLength = 4; //验证码的长度
            var checkCode = document.getElementById("checkCode");
            checkCode.value = "";

            var selectChar = new Array(2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');

            for (var i = 0; i < codeLength; i++) {
                var charIndex = Math.floor(Math.random() * 32);
                code += selectChar[charIndex];
            }
            if (code.length != codeLength) {
                createCode();
            }
            checkCode.value = code;
        }


        function validate() {

            var inputCode = document.getElementById("Code").value.toUpperCase();


            if (inputCode.length <= 0) {

                alert("请输入验证码！");
                return false;
            }
            else if (inputCode != code) {
                alert("验证码输入错误！");
                createCode();
                return false;
            }
            else {
                // alert("OK");
                return true;
            }
        }
    </script>
</head>
<body οnlοad="document.getElementById('UserName').focus();createCode();">
    <form id="form2">
    <div style="margin-top: 80px">
<table width="360px" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="100px" align="right" class="zi_lan_12">
用户名：
</td>
<td colspan="3" align="left">
<input type="text " ID="UserName" CssClass="bk" MaxLength="20" Width="150px"/>
</td>
</tr>
<tr>
<td height="100px" align="right" class="zi_lan_12">
密码：
</td>
<td colspan="3" align="left">
<input type="password" ID="Password" CssClass="bk" MaxLength="20"   Width="150px"/>
</td>
</tr>
<tr>
<td width="100px" height="40" align="right" class="zi_lan_12">
验证码：
</td>
<td width="90px" align="left">
<input type="text" ID="Code" runat="server" CssClass="bk" MaxLength="4" Width="80px"/>  
</td>
<td width="70px" align="center">
<input type="text" id="checkCode" class="code" readonly="true" style="width: 55px" /> 
</td>
<td width="80px" align="right" class="zi_lan_12">
<a href="#" οnclick="createCode()">看不清楚</a> 
</td>
</tr>
<tr>
<td height="50px"  width="60" colspan="4" align="center" valign="middle">
<input type="button" ID="btnLogin" value="登录" OnClick="CheckForm()" /> 
</td>
</tr>
</table>         
</div>
</form>
</body>
</html>
Veteran_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Javascript校验密码复杂度的正则表达式
10-21
主要介绍了Javascript校验密码复杂度的正则表达式及正则表达式校验密码的方法，非常不错，具有参考借鉴价值,需要的朋友可以参考下
js中一些常规校验(手机号，验证码，用户填写名称等校验)
不懂前端的小韩的博客
07-14 1420
js中一些常规校验(手机号，验证码，用户填写名称等校验)
【JAVAScript】【3】校验码实例（包含函数嵌套、闭包和window.onload）
weixin_51612770的博客
05-16 542
JAVAScript 校验码实例（包含函数嵌套、闭包和window.onload） 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录JAVAScript 校验码实例（包含函数嵌套、闭包和window.onload）前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不
JavaScript基础 - 经典案例2 - 生成校验验证码
never_stop_study的博客
09-19 569
JavaScript基础案例
JS 验证码生成及校验（详细注释）
weixin_46249441的博客
12-10 1173
完整代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>验证码生成及校验</title> <link rel="stylesheet" href="style.css"&g...
js校验代码
qq_37538698的博客
06-30 450
这里写自定义目录标题欢迎使用Markdown编辑器新的改变 //附件名字校验功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如
js密码强度校验
01-21
现在很多论坛和博客都在用户注册时添加了验证密码强度的功能，在以前的文章中，我们曾经给出过一段检验密码强度的例子，今天再看一个与《js密码强度校验》的代码。 效果： <html> <head> [removed] //...
JavaScript 校验密码强度
03-31
NULL 博文链接：https://cn-legend.iteye.com/blog/1346498
js 校验密码重复的代码
10-28
function validate(str){ str = str.value; var reg = new RegExp("^\\w{8,31}$"); if(reg.test(str)){ for(var i=0;i;i++){ if(str.replace(str.substring(0,i+1), "").length==0){ ...
Javascript代码实现验证码的校验
yytIcon的博客
08-07 6116
之前有分享过如何利用H5+Javascript生成验证码（点击看我之前的博客）。今天主要是想分享如何利用随机数来生成一组验证码，并通过js代码来验证输入的验证码是否匹配。 先看效果图： 实现的总体效果为：点击“验证按钮”或者是点击验证码本身，验证码会重新生成。 在输入框中输入任意与验证码不符的字符，则会提示“验证码输入错误”。 输入框中输入的字符（注意：这里是可以不区分大小写的）与验证...
HTML表单验证码
03-28
很容易懂的验证码，可以改一下插入到jsp或者是模板语言，易上手，觉得不美观可以加入前端框架封装，可以参照我发布的其他项目
HTMl验证码登陆验证
12-21
验证码登陆 function checkinput() { if (document.form1.u.value=="") { alert("您还没有输入您的用户名呢！"); document.form1.u.focus(); return; } if (document.form1.p.value=="") { alert("您还没有输入你的密码呢！"); document.form1.p.focus(); return ; } if (document.form1.verifycode.value=="") { alert("您还没有输入验证码！"); document.form1.verifycode.focus(); return ; } preprocess(form1); document.form1.submit();
[css3] 动画案例---会呼吸的圆
qq_14993591的博客
08-17 1926
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
js生成验证码
一曲破东风的专栏
06-19 647
js生成验证码
js验证码
Hashxu的专栏
05-05 837
实用js验证码 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  http://www.w3.org/1999/xhtml" >        无标题页                .code           {               background-image:url(code.jpg);       
js简单验证码的生成和验证
@林笑笑
07-05 1万+
如何用js生成简单验证码，并验证是否正确的方法 1、html页面如下 <div> <table border="0" cellspacing="5" cellpadding="5" > <tr> <td> <div id="checkCode" class="code" onclick="...
JS实现验证码
zlq_CSDN的博客
03-31 5010
温馨提示：不推荐使用下面方法（及前端验证码校验）进行校验，因为只进行前台验证而不进行后台服务器端的校验，黑客大咖们很容易攻破这道防线，不能够很好的保证网站的安全性。 <!Doctype html> <head> <title>js验证码</title> <style type="text/css"> .co...
前端js+html实现简单验证码
热门推荐
gjq1993的博客
02-14 2万+
前些日子接触到一个项目，要求实现一个简单的验证码，参考万能的百度结合自己的想法实现了一个简单的前端验证码，当然跟后台的不能比安全性， 页面部分： 验证码 id="Yzm" style="width: 30%;float: initial; margin-left: 27%;" >style="margin:0;float: right;width:20%" onclick="createCode
html 校验
weixin_33918114的博客
07-29 109
input 仅能输入金额 onkeyup="value=value.replace(/[^\d.]/g,'')"
js校验密码是否正确
最新发布
09-16
```js function validatePassword(password) { // 首先，我们可以定义一个正则表达式来校验密码的格式 // 这个例子中，假设密码需要包含至少一个大写字母、一个小写字母和一个数字，且长度在8至20之间 var ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值