1. 程式人生 > >js 生成和獲取驗證碼

js 生成和獲取驗證碼


<html>
<head>
<style type="text/css">
.code{
background-image:url(111.jpg);
font-family:Arial;
font-style:italic;
color:green;
border:0;
padding:2px 3px;
letter-spacing:3px;
font-weight:bolder;
}
.unchanged {
border:0;
}
</style>
<script language="javascript" type="text/javascript">
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("input1").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 onload="createCode();">
<input type="text" id="input1" />
<input type="text" id="checkCode" class="code" style="width: 55px" /> <a href="#" onclick="createCode()">看不清楚</a><br /><br />
<center><input id="Button1" onclick="validate();" type="button" value="確定" /></center>
<script></script>
</body>
</html>
 

相關推薦

js 生成獲取驗證

<html><head><style type="text/css">.code{background-image:url(111.jpg);font-family:Arial;font-style:italic;color:green;b

js倒計時60秒獲取驗證

重新發送 驗證 func 重新 cnblogs col 驗證碼 type function var wait=60; function settime(o) { if (wait == 0) {

微信小程序之獲取驗證js

點擊事件 兩個 一個數 隱藏 直接 blog fun req 對象 在微信小程序中怎樣實現獲取驗證碼的倒計時功能捏,倒計時的原理是一樣一樣的,就是某些地方需要註意。 第一步:結構 <view class=‘get-code‘ wx:if="{{!isShow}

JS 獲取驗證 倒計時

ner timer set 空間 cursor padding ble on() == setInterval 一個定時器搞定 <style> button{ background: #45BCF9; color: #fff; padd

js獲取驗證60s倒計時

<input id="getCodeId" type="button" number="60" value="獲取驗證碼"></input> $("#getCodeId").click(function(){ var node = $(this);

js獲取驗證

1.<head>標籤程式碼<script type="text/javascript">  var code;  function createCode(){   code="";   var codeLength = 4;   var checkCo

獲取驗證重置效果

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta content="wi

隨機生成6位驗證或密碼(字母數字組合)

import java.util.Random; public class Test {       public static char[] getChar(){         char[] passwordLit = new char[62];         cha

微信小程式之獲取驗證js

在微信小程式中怎樣實現獲取驗證碼的倒計時功能,倒計時的原理是一樣的,就是某些地方需要注意。 第一步結構:結構 <view class='get-code' wx:if="{{!isShow}}" bindtap='getCode'>獲取驗證碼</view> &

JS自動生成動態HTML驗證頁面,輸入錯誤自動清空輸入框

<html>     <head>         <title>驗證碼</title>         <meta charset="utf-8" />         <style type="text/

設計一個函式,根據指定長度生成對應的驗證(由數字大小寫英文字母構成的隨機字串)

import random; def suiji(n): x = 0; while(x<n): s=random.choice(range(1,4)); if(s==1): a=random.cho

django後臺app客戶端的搭建指南(python,android)。模擬手機獲取驗證的請求

最近在學習django,就想著自己搭建一個django的伺服器,自己寫app的客戶端,因為django是初學所以還是遇到了幾個坑的廢話不多先貼出專案地址:https://github.com/ymeddmn/PythonWebDemo python群號

jquery 獲取驗證倒計時

disabled rim clear self cti jquery app text function <button type="button" class="mui-btn mui-btn-primary mui-btn-outlined mui-pull-r

python隨機生成6位數驗證

randint bsp 程序 生成樹 for 生成 temp () str #隨機生成6位數驗證碼 import randomcode = []for i in range(6): if i == str(random.randint(1,5)): co

python隨機生成四位驗證

pythonimport random check=‘‘ for num in range(4): i = random.randrange(1,3) #隨機生成1或者2 if i%2==0: #判斷

JAVA生成問答式驗證圖片,支持加減算法

idt case rate cas end setattr ons trace api 原文:http://liuguihua0823.iteye.com/blog/1511355 import java.awt.Color; import java.awt.Font

Javascript 獲取驗證60秒倒計

settime count click isa lis ear 獲取驗證碼 class scrip <button id="time">獲取驗證碼</button> var countdown = 60; var but = document.ge

概率生成模型在驗證上的成果論文解讀

研究 輪廓 一般來說 分解 作用 nsh 級別 優秀 框架 摘要從少數樣本學習並泛化至截然不同的情況是人類視覺智能所擁有的能力,這種能力尚未被先進的機器學習模型所學習到。通過系統神經科學的啟示,我們引入了視覺的概率生成模型,其中基於消息傳送(message-passing)

發送短信驗證郵箱驗證—Java實現

短信驗證碼 郵箱驗證碼 短信驗證碼 短信驗證碼都是調用一些接口來進行短信的發送,短信驗證碼在登錄、註冊等操作中使用的最廣泛,本文這一節演示如何使用Java制作一個簡單的短信驗證碼登錄。 我這裏演示使用的是聚合數據的短信接口(並非廣告),因為聚合數據的接口調用比較方便和簡單,所以首先得先去聚合數據裏

Vue 獲取驗證倒計時組件

手機 export all .sh set gpo rto get label 子組件 <template> <a class="getvalidate":class="{gray: (!stop)}"@click=‘clickHandler‘&