最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

javascript实现数字验证码的简单实例_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 21:19:18
文档

javascript实现数字验证码的简单实例_javascript技巧

javascript实现数字验证码的简单实例_javascript技巧:实例如下: 代码如下: JS验证码 .code { background-image:url(code.jpg); font-family:Arial; font-style:italic; color:Red; border:0; padding:2px 3px; letter-spacing:3px; font-wei
推荐度:
导读javascript实现数字验证码的简单实例_javascript技巧:实例如下: 代码如下: JS验证码 .code { background-image:url(code.jpg); font-family:Arial; font-style:italic; color:Red; border:0; padding:2px 3px; letter-spacing:3px; font-wei


实例如下:
代码如下:




JS验证码

var code ; //在全局 定义验证码
function createCode()
{
code = "";
var codeLength = 4;//验证码的长度
var checkCode = document.getElementById("checkCode");
var selectChar = new Array(0,1,2,3,4,5,6,7,8,9);//所有候选组成验证码的字符,当然也可以用中文的

for(var i=0;i {


var charIndex = Math.floor(Math.random()*10);
code +=selectChar[charIndex];


}
// alert(code);
if(checkCode)
{
checkCode.className="code";
checkCode.value = code;
}

}

function validate ()
{
var inputCode = document.getElementById("input1").value;
if(inputCode.length <=0)
{
alert("请输入验证码!");
}
else if(inputCode != code )
{
alert("验证码输入错误!");
createCode();//刷新验证码
}
else
{
alert("OK");
}

}







文档

javascript实现数字验证码的简单实例_javascript技巧

javascript实现数字验证码的简单实例_javascript技巧:实例如下: 代码如下: JS验证码 .code { background-image:url(code.jpg); font-family:Arial; font-style:italic; color:Red; border:0; padding:2px 3px; letter-spacing:3px; font-wei
推荐度:
标签: 验证码 js 数字
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top