仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 890|回复: 8
打印 上一主题 下一主题

[学习教程] PHP网页编程之点击文本框后才加载考证码的JS代码

[复制链接]
飘飘悠悠 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 22:13:53 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
小试一下身手,大概是没问题了,那么交给你个任务,做个留言本吧,这和HELLOWORLD有一比啊!^_^,同是新手面临的第一道关。常常到各年夜网站往留言大概发帖的伴侣应当晓得如今良多网站的留言中央的考证码不是间接显现的。而是在点击考证码输出框以后才会显现出来考证码的。上面作者也总结了一篇关于怎样使用js完成点击文本框然后再加载考证码的效果的。
起首我们来讲说为何要这么做吧,据作者看来,这个效果的目标应当不单单是为了美妙的,更多的应当是进一步避免心怀叵测之人用呆板人发送渣滓留言大概渣滓帖子。由于我们在网站留言的时分设置个考证码的目标就是为了避免呆板人的,但是如今已有传言说有可以辨认考证码图片的呆板人了。那末这该怎样办?那就再加一步更像人的操纵吧,那就是加这个效果了,点击一下输出框,更能断定我们是团体,而非呆板人。
好了,空话少说,上面是详细的完成代码。
  1. <html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>点击文本框后才加载考证码的JS代码示例</title><styletype="text/CSS">span{float:left;}#checkCode{width:40px;height:23x;background-color:#009999;font-size:14px;color:#FFF;display:none;text-align:center;}</style><scriptlanguage="javascript">functionloadCheckCode(){document.getElementById(checkCode).style.display=block;}</script></head><body><span><inputtype="text"size="20"value=""/></span><span>6253</span></body></html>
复制代码
以上这个就十分的复杂了,实在对照盛行且有用的应当是ajax情势的,上面来看看利用ajax完成这个效果的办法吧。
(1)起首是天生考证码的php文件代码(checkCode.php),没有的能够参照上面两篇文章,这里就不放代码了。
php天生考证码函数
php天生静态考证码图片

(2)详细html文件及处置代码以下:
  1. <htmlxmlns="http://www.Alixixi.com/javascript-function/661.html"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>点击文本框后才加载考证码的JS代码示例</title><scripttype="text/javascript"src="http://www.Alixixi.com/js/jquery.js"></script><scripttype="text/javascript">$(function(){$(#Alixixi).focus(function(){$(#checkCode).html(<imgsrc="http://www.Alixixi.com/web_include/checkcode.php"/>);});});</script></head><body><span><inputtype="text"size="20"value=""/></span><span></span></body></html>
复制代码
会HTML吗?会,我能编好几个大表格排板的网页啦!
小女巫 该用户已被删除
沙发
发表于 2015-1-18 08:32:47 | 只看该作者
写js我最烦的就是ie和firefox下同样的代码结果显示的结果千差万别,还是就是最好不要用遨游去调试,因为有时候遨游是禁用js的,有可能代码是争取结果被遨游折腾的认为是代码写错。
admin 该用户已被删除
板凳
发表于 2015-1-21 14:48:23 来自手机 | 只看该作者
至于模板嘛,各位高人一直以来就是争论不休,我一只小菜鸟就不加入战团啦,咱们新手还是多学点东西的好。
兰色精灵 该用户已被删除
地板
发表于 2015-1-30 19:57:43 | 只看该作者
找到的的资料很多都是在论坛里的,需要注册,所以我一般没到一个论坛都注册一个id,所有的id都注册成一样的,这样下次再进来的时候就不用重复注册啦。当然有些论坛的某些资料是需要的付费的。
因胸联盟 该用户已被删除
5#
发表于 2015-2-6 15:47:12 | 只看该作者
学习php的目的往往是为了开发动态网站,phper就业的要求也涵盖了很多。我大致总结为:精通php和mysql
深爱那片海 该用户已被删除
6#
发表于 2015-2-16 22:54:33 | 只看该作者
不禁又想起那些说php是草根语言的人,为什么认得差距这么大呢。
不帅 该用户已被删除
7#
发表于 2015-3-5 11:31:07 | 只看该作者
我还是推荐用firefox ,配上firebug 插件调试js能省下不受时间。谷歌的浏览器最好也不少用,因为谷歌的大侠们实在是太天才啦,把一些原来的js代码加了一些特效。
老尸 该用户已被删除
8#
发表于 2015-3-12 05:04:47 | 只看该作者
写的比较杂,因为我也是个新手,不当至于大家多多指正。
9#
发表于 2015-3-19 18:15:30 | 只看该作者
环境搭建好,当你看见你的浏览器输出“it works\\\\\\\"时你一定是喜悦的。在你解决问题的时候,我强烈建议多读php手册。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-22 20:59

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表