4位随机简单验证码的JS实现

验证码是用来区分人和计算机的,通常通过模糊字符、拼图等形式达到让人能看懂且计算机无法识别的效果。我们采用验证码是为了防止机器不断登录的现象,比如现实生活中的刷票、刷帖、灌水等。在本篇用JS实现4位简单网页验证码,当然这是最基础的验证码,安全性比较低。

以下是HTML的代码:


	
验证码: 看不清楚,换一张

给呈现验证码的文本框添加 disabled="disabled",将验证码设置为可读不可写。

以下是CSS的代码,是对验证码加的样式:

设置验证码在文本框中居中。

以下是JS代码:

红笔标出来的地方是我出错的地方,第一处是把id传错了,结果是不会生成验证码;第二处是在CSS中把input1写成了name的属性值,没有写id,结果是不会对用户的输入产生反应。初写JS代码,被这些笔误害惨了,花了很多时间才找到错误。以后还是应该先在火狐浏览器中调试,firebug真心对调试JS代码非常好用,花几个小时也找不到的bug一下就找出来了。


这是JS的第一篇文章,从此要打开编写JS的大门啦,,,

文章中部分内容有来自网络的借鉴

你可能感兴趣的:(JavaScript学习笔记,前端基础学习笔记)