昨天爬行的蜗牛介绍了怎么给自定义表单添加必填选项,今天再说一下怎么给自定义表单增加验证码,验证码也是增加自定义表单安全的必不可少的,因为如果没有这个可以通过软件或者小程序来恶意注入,虽然对用户来说有点小麻烦,但是还是值得的。
我们直接进入正题:
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
爬行的蜗牛
爬行的蜗牛
飘过