昨天爬行的蜗牛介绍了怎么给自定义表单添加必填选项，今天再说一下怎么给自定义表单增加验证码，验证码也是增加自定义表单安全的必不可少的，因为如果没有这个可以通过软件或者小程序来恶意注入，虽然对用户来说有点小麻烦，但是还是值得的。
我们直接进入正题:
1:我们打开自定义表单的模板，在想加入验证码的位置加入代码:
<input type="text" class="intxt w200" style="width: 50px; text-transform: uppercase;" id="vdcode" name="vdcode" class="code"/>
<img id="vdimgck" align="absmiddle" onclick="this.src=this.src+'?'" style="cursor: pointer;" alt="看不清？点击更换" src="/include/vdimgck.php"/>
然后再这个页面的头部加入一段js代码:
<script type="text/javascript">
$ = jQuery;
function changeAuthCode() {
var num = new Date().getTime();
var rand = Math.round(Math.random() * 10000);
num = num + rand;
$('#ver_code').css('visibility','visible');
if ($("#vdimgck")[0]) {
$("#vdimgck")[0].src = "../include/vdimgck.php?tag=" + num;
}
return false;
}
</script>
2:打开自定义表单的处理文件diy.php:
//验证码验证开始
$vdcode=$_POST['vdcode'];
if(!isset($vdcode))
{
$vdcode = '';
}
$svali = GetCkVdValue();
if(preg_match("/6/",$safe_gdopen)){
if(strtolower($vdcode)!=$svali || $svali=='')
{
ResetVdValue();
ShowMsg('验证码错误！', '-1');
exit();
}
}
//验证码验证结束
好了我们看下最终的效果:
点击提交之后:
这是我整理好的这两篇文章的文件，不想复制的可以下载研究一下，希望能帮到大家，有问题可以留下邮箱或者q我：1440334532
爬行的蜗牛:http://www.pxwoniu.com/dede/31.html
下载地址：http://pan.baidu.com/s/1dD8KSKD
在线咨询
爬行的蜗牛
爬行的蜗牛
飘过