利用jquery实现codeigniter下验证码点击刷新及ajax即时验证
本帖最后由 baiyuxiong 于 2010-4-24 18:03 编辑先看一下效果:
默认是这样:点击图片或刷新的文字可以更换验证码。
http://www.baiyuxiong.com/wp-content/uploads/2010/04/2010-4-24-17-29-18-300x33.png
输入错误的验证码:
http://www.baiyuxiong.com/wp-content/uploads/2010/04/2010-4-24-17-29-44-300x51.png
输入正确的验证码:
http://www.baiyuxiong.com/wp-content/uploads/2010/04/2010-4-24-17-30-05-300x51.png
只用ajax验证当然不行,表单提交的时候也要验证。效果:
http://www.baiyuxiong.com/wp-content/uploads/2010/04/2010-4-24-17-45-40-300x42.png
验证码生成,我用了CI论坛里面的一个类库:
http://codeigniter.org.cn/forums/thread-5091-1-1.html,在此感谢作者wintion。
所有代码我都传上来了(除了jquery)点这里下载。使用时,下载这些代码并放在application文件夹下,同时下载jquery并放在网站根目录js(不存在就新建)文件夹下。
主要功能:
点击图片和文字说明后刷新验证码。
js即时验证输入是否正确
提交时验证输入是否正确。
源码不贴出来了,感兴趣的兄弟,点上面的链接下载吧。用wintion的类库时有报错的地方,我改了几处,大家留意。有问题,请在论坛或http://www.baiyuxiong.com/?p=317留言。谢谢 :handshake支持下 回复 2# ywqbestever
呵呵,谢谢~~ 谢谢楼主,我运行后图片效果出不来,还没细看,先谢谢楼主的共享 先顶你…… 解压 提示 没有压缩文件 报错
Fatal error: Call to a member function set_userdata() on a non-object in ***\system\libraries\Authcode.php on line 81 谢谢楼主,我运行后图片效果出不来,还没细看,先谢谢楼主的共享
Garry 发表于 2010-6-18 15:21 http://codeigniter.org.cn/forums/images/common/back.gif
图片效果不出来~
图片不显示,菜鸟跟大家一块学习一下。 看来上面的问题还是没有回答啊,楼主不是说有问题就回帖吗。解释一下上面的问题吧
页:
[1]
2