js怎样写验证码功能?动态验证码如何达成?
发布时间:2022-04-07 15:44:00 所属栏目:语言 来源:互联网
导读:我们在登录或者注册网页账号的时候,往往需要输入验证码,那么验证码是如何实现的呢?下面就给大家分享一下关于使用JS实现验证码的内容,包括普通的验证码和带干扰项的动态验证码,效果如下图所示,感兴趣的朋友可以看看。 代码一 !doctype html html head m
我们在登录或者注册网页账号的时候,往往需要输入验证码,那么验证码是如何实现的呢?下面就给大家分享一下关于使用JS实现验证码的内容,包括普通的验证码和带干扰项的动态验证码,效果如下图所示,感兴趣的朋友可以看看。 代码一 <!doctype html> <html> <head> <meta charset="utf-8"> <title>js简单验证码使用</title> <style> .code { font-family:Arial; font-style:italic; color:blue; font-size:30px; border:0; padding:2px 3px; letter-spacing:3px; font-weight:bolder; float:left; cursor:pointer; width:150px; height:50px; line-height:60px; text-align:center; vertical-align:middle; background-color:#D8B7E3; } span { text-decoration:none; font-size:12px; color:#288bc4; padding-left:10px; } span:hover { text-decoration:underline; cursor:pointer; } </style> <script> //页面加载时,生成随机验证码 window.onload=function(){ createCode(4); } //生成验证码的方法 function createCode(length) { var code = ""; var codeLength = parseInt(length); //验证码的长度 var checkCode = document.getElementById("checkCode"); //检查验证码是否正确 function validateCode() { //获取显示区生成的验证码 var checkCode = document.getElementById("checkCode").innerHTML; //获取输入的验证码 var inputCode = document.getElementById("inputCode").value; console.log(checkCode); console.log(inputCode); if (inputCode.length <= 0) (编辑:南通站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |