给织梦dedecms自定义表单加上验证码功能

时间:2014-07-14

在做企业的网站时,通常会有个留言板表单功能,用户提交信息和需求到后台的功能,那就不能用多说了,用自定义表单轻松搞定。虽然玩DEDE没折腾WP这么有乐趣,不过有时候发现某个功能还是挺有成就感的。

比如你要加个留言板或者报名之类的表单,用这个还是挺方便的,只是有点小麻烦的。

方法/步骤

找到后台-核心-频道模型-自定义表单

然后点击增加新的自定义表单

diyid 这个,不管他,默认就好

自定义表单名称 这个的话,比如你要加个留言板还是投诉建议?写上去呗

数据表  这个不要碰,默认就行

列表模板、内容模板、发布模板这些,不管他,因为我们根本不需要...

前台列表和内容页公开? 这个选择 完全公开或者公开审核过的,反正我们只要到后台能看到别人的留言,不需要审核的,前台反正也不调用的。后面的不公开,如果你勾上了....那就没下一步了,不信你可以点确定后试试

点确定创建好表单后,就点击那个修改图标,看下图

进去后就是要添加字段了,比如要个姓名,电话,留言内容啥的,点击上图的图标进入

如此这般,把昵称、电话、留言内容这些表单添加了之后,点确定,再然后添加完字段之后,表单也就完成了,所以,在这里点击前台预览。注意,如果在上上上步你那里是选中内容不公开,那这里也就不能浏览了。

点击前台预览后,会出来以下的页面,这不是重点,点击右上角的发布信息

出来了一个页面,这也不是重点,我们也不需要用这页面,我们只要这页面的表单代码,对不对?所以,在这里右键-查看源代码,然后因为表单是form,如果你不懂代码没关系,只要复制<form>这个代码之内的内容,粘贴到你需要显示的地方。

然后你要做的就是改样式了,表格特不爽有么有?于是用li标签来替换。我的修改后是如下图

给DEDE自定义表单添加验证码功能

你会发现,直接复制form表单里面的代码,会没有验证码....不管怎么说,验证码这玩意还是必须得添加的。

打开根目录下  /plus/diy.php 文件,然后在第61行,呃,如果没有显示行,那就查找

$fieldarr = explode(';', $dede_fields); 

在这一句的前面添加下面的代码

if(!emptyempty($dede_fields)) 

      { 

       $validate = emptyempty($validate) ? '' : strtolower(trim($validate));            $svali = strtolower(GetCkVdValue());             

               if(($validate=='' || $validate != $svali) && preg_match("/6/",$safe_gdopen)){                ResetVdValue(); 

               ShowMsg('验证码不正确!',$dede_add,0,1000); 

               exit; 

           } 

      } 

保存之后,还要在模板你添加表单的页面添加下面的代码,这个代码是显示验证码跟输入验证码的,放在表单里面

<input name="validate" type="text" id="vdcode" style="text-transform:uppercase;" size="8"/>   

<img id="vdimgck" align="absmiddle" onClick="this.src=this.src+'?'" style="cursor: pointer;" alt="看不清?点击更换" src="../include/vdimgck.php"/>   

<a href="javascript:vide(-1);" onClick="changeAuthCode();">看不清? </a> 

添加完之后,还要在本页面添加JQ代码,以下代码可以放在网页底部

<script type="text/javascript" language="javascript"> 

//验证码   

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>  

上一条:织梦Dede后台栏目管理处显示未审核文档数量 下一条:织梦后台卡死(点击栏目无反应导致浏览器崩溃)的解决方法

相关文章

最新文章