php 图片验证码用javascript验证

cyyjm 2013-08-15 11:44:40
现在我的图片验证是交到后台验证,感觉影响查询速度。如何交给javascript验证?
php生成页面代码如下:

<?php
session_start();
//生成验证码图片
Header("Content-type: image/PNG");
$im = imagecreate(44,18); // 画一张指定宽高的图片
$back = ImageColorAllocate($im, 245,245,245); // 定义背景颜色
imagefill($im,0,0,$back); //把背景颜色填充到刚刚画出来的图片中
$vcodes = "";
srand((double)microtime()*1000000);
//生成4位数字
for($i=0;$i<4;$i++){
$font = ImageColorAllocate($im, rand(100,255),rand(0,100),rand(100,255)); // 生成随机颜色
$authnum=rand(1,9);
$vcodes.=$authnum;
imagestring($im, 5, 2+$i*10, 1, $authnum, $font);
}
$_SESSION['VCODE'] = $vcodes;
for($i=0;$i<100;$i++) //加入干扰象素
{
$randcolor = ImageColorallocate($im,rand(0,255),rand(0,255),rand(0,255));
imagesetpixel($im, rand()%70 , rand()%30 , $randcolor); // 画像素点函数
}
ImagePNG($im);
ImageDestroy($im);
?>


前台样式:

<form name="form1" method="post" action="719.php" >
<p><label>电脑编号:</label><input name="username" type="text" size="20"></p>
<p class="prmt"><label>用户密码:</label><input name="pass" type="password" size="20">  <input type="submit" name="Submit" value="查 询"></p>
<p class="prmt"><label>验 证 码:</label><input name="ask" type="text" size="6"><img id="refresh" src="muth.php" onclick="document.getElementById('refresh').src='muth.php'"/></p>
</form>

这样,后台里就能通过开启session_start();并与$_SESSION['VCODE']判断验证码是否正确。
我如何能够通过javascript做验证,而不需要php后台来验证。
...全文
282 12 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
xuzuning 2013-08-15
  • 打赏
  • 举报
回复
通过javascript做验证??? 那要验证码干什么?
一起混吧 2013-08-15
  • 打赏
  • 举报
回复
sesssion 保存在服务端,前台如何能获取得到?
cyyjm 2013-08-15
  • 打赏
  • 举报
回复
那这样?先跳到中间页面,这个页面就只进行验证码判断,如果正确,再跳转到页面输出结果,否则,给出提示,回到原来那里输入页面?
  • 打赏
  • 举报
回复
一切用户能操作的验证 都是不靠谱的
再看我一眼 2013-08-15
  • 打赏
  • 举报
回复
通过javascript验证可以轻松的绕过或者说破解,不建议
windsor0646 2013-08-15
  • 打赏
  • 举报
回复
引用 11 楼 jjblxd 的回复:
前面也遇到这个问题,后台判断验证码觉得麻烦。想用js,可是得不到验证码,后来想到把session中的验证码放到一个隐藏的标签里面,再用js。真心不好使啊,获得的验证码是上一次的,或者是刷新之前的,总是滞后,后来放弃了。
这个问题仔细想想就知道是什么原因了,你表单中隐藏标签中的值是页面初始化的值,而给用户看到的图形验证码的值是又新生成的,并且重新设置了验证码session值,所以是滞后一步。楼主的问题就像前面网友说使用ajax发起判断,具体的触发方式,我觉得是按键弹起的时候,加上验证码当时输入的长度来合理的触发ajax事件。 比如4位长的验证码,按键弹起时判断长度,到了4长度就ajax判断输入正确没有。
赵云十八般 2013-08-15
  • 打赏
  • 举报
回复
前面也遇到这个问题,后台判断验证码觉得麻烦。想用js,可是得不到验证码,后来想到把session中的验证码放到一个隐藏的标签里面,再用js。真心不好使啊,获得的验证码是上一次的,或者是刷新之前的,总是滞后,后来放弃了。
x4112821987 2013-08-15
  • 打赏
  • 举报
回复
ajax完破
再看我一眼 2013-08-15
  • 打赏
  • 举报
回复
首先你得先了解一下 ajax 更便捷的是从jquery的ajax学起 20分钟内就能见效 http://www.baidu.com/s?wd=jquery+ajax 今天我也在纠结别的问题 不能帮你写全套代码了...
cyyjm 2013-08-15
  • 打赏
  • 举报
回复
对 那我该怎么做呢?我什么都只是懂一点点
再看我一眼 2013-08-15
  • 打赏
  • 举报
回复
我有点看明白了 楼主你是提交的时候把验证码 用户名密码一起提交的 并且之前没有判断验证码是否正确,所以担心输错了又要重新输入用户名密码 一般这里采用ajax来做,当验证码输入框失去焦点后,获取输入的内容传递到后台进行对比,如果正确就在输入框右边打个勾 反制则打个X提示验证码错误. 输入正确后再一起提交到后台进行下一步的处理.
cyyjm 2013-08-15
  • 打赏
  • 举报
回复
我通过js验证,只是不想用户又再点多一下,跳回来只是为了再输入正确的验证码,直接就在点表单的时候就验证了。

21,893

社区成员

发帖
与我相关
我的任务
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
  • 基础编程社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧