嘿嘿，你知道吗？现在hen多网站dou有那么个神奇的东东， 叫Zuo图形码，就是那种kan起来像乱七八糟的图片，但你要输入里面kan到的数字和字母才Neng登录或者进行其他操作。今天我就要教大家怎么轻松获取这种图形码的秘密！

第一步：认识图形码的组成

图形码是由大小写字母和数字组成的， 就像这样：

源数据文本标签，用于存放大小写a-y字母及0-数字；

先实现获取位随机校验码

利用元件载入、单击元件等方式触发校验码动态变化

最后说一句。 成功提示组合元件，用于显示校验成功时的提示。

第二步：获取随机校验码的技巧

你想知道图形码是怎么生成的吗？其实它就像一个巨大的拼图，每个字母和数字dou是随机出现的。 说到点子上了。 那么我们怎么获取这些随机数呢？

栓Q了... 利用charat函数获取文本指定位置为c的字符。

点击“验证码区域”或“kan不清， 换一张”文本时刷新校验码；

输入框背景，放在输入框底部；

提交按钮，触发输入框中文字校验；

第三步：图形码的动态变化

求锤得锤。 图形码不是一成不变的哦，它会根据你的操作而变化。比如说你点击了“kan不清，换一张”，图形码就会重新生成。这是怎么Zuo到的呢？

输入框， 用于动态输入校验码；

图片背景+随机校验码组成图形校验码

校验码输入正确时点击“提交验证”，弹出内容为“校验码验证成功！”的提示信息。

第四步：制作自己的图形码

真香！ 想不想自己动手制作一个图形码呢？其实 这并不难，只要按照以下步骤来就Ke以了：

你我共勉。 将大写a-y，小写a-y，数字0-写入一个文本标签中，共计个字符；

校验码背景图片，放在图形校验码文字底部；

刷新元件，用于点击触发校验码刷新；

通过上面的讲解，相信你Yi经学会了如何轻松获取网站大小写字母及数字图形码了。以后遇到图形码，你就Ke以轻松应对啦！

文/十月大神

利用math.random函数获取0-之间的随机数a；，拯救一下。

校验码输入错误时 点击“提交验证”，弹出内容为“请输入正确的校验码！”的提示信息，刷新校验码，清空文本框内容；，闹乌龙。

你看啊... 校验码文本标签，用于显示图形检验码的文字；

校验码随机显示，包含0-的数字，a-z的小写字母，a-z的大写字母；，这家伙...

参考资料

太治愈了。 成dou网站建设公司_创新互联，为您提供品牌网站建设、网站导航、全网营销推广、App开发、网站策划、品牌网站设计

将位随机校验码复制次组成个随机校验码

演示地址：http://www.pmgod.cn/demo/，拉倒吧...

本文题目：网站平安之获取大小写字母及数字图形校验码

当前网址：https:///news/.html