搜尋
首頁後端開發php教程php 图片验证码用javascript验证

本帖最后由 cyyjm 于 2013-08-15 11:48:37 编辑

现在我的图片验证是交到后台验证,感觉影响查询速度。如何交给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  src="/static/imghwm/default1.png"  data-src="muth.php"  class="lazy"  id="refresh"  onclick="document.getElementById('refresh')."/ alt="php 图片验证码用javascript验证" ></p>		</form> 

这样,后台里就能通过开启session_start();并与$_SESSION['VCODE']判断验证码是否正确。
我如何能够通过javascript做验证,而不需要php后台来验证。

回复讨论(解决方案)

通过javascript验证可以轻松的绕过或者说破解,不建议

一切用户能操作的验证 都是不靠谱的

那这样?先跳到中间页面,这个页面就只进行验证码判断,如果正确,再跳转到页面输出结果,否则,给出提示,回到原来那里输入页面?

sesssion 保存在服务端,前台如何能获取得到?

通过javascript做验证???
那要验证码干什么?

我通过js验证,只是不想用户又再点多一下,跳回来只是为了再输入正确的验证码,直接就在点表单的时候就验证了。

我有点看明白了  楼主你是提交的时候把验证码 用户名密码一起提交的 并且之前没有判断验证码是否正确,所以担心输错了又要重新输入用户名密码

一般这里采用ajax来做,当验证码输入框失去焦点后,获取输入的内容传递到后台进行对比,如果正确就在输入框右边打个勾 反制则打个X提示验证码错误.

输入正确后再一起提交到后台进行下一步的处理.


那我该怎么做呢?我什么都只是懂一点点

首先你得先了解一下 ajax 更便捷的是从jquery的ajax学起   20分钟内就能见效

http://www.baidu.com/s?wd=jquery+ajax    今天我也在纠结别的问题  不能帮你写全套代码了...

ajax完破

前面也遇到这个问题,后台判断验证码觉得麻烦。想用js,可是得不到验证码,后来想到把session中的验证码放到一个隐藏的标签里面,再用js。真心不好使啊,获得的验证码是上一次的,或者是刷新之前的,总是滞后,后来放弃了。

前面也遇到这个问题,后台判断验证码觉得麻烦。想用js,可是得不到验证码,后来想到把session中的验证码放到一个隐藏的标签里面,再用js。真心不好使啊,获得的验证码是上一次的,或者是刷新之前的,总是滞后,后来放弃了。
这个问题仔细想想就知道是什么原因了,你表单中隐藏标签中的值是页面初始化的值,而给用户看到的图形验证码的值是又新生成的,并且重新设置了验证码session值,所以是滞后一步。楼主的问题就像前面网友说使用ajax发起判断,具体的触发方式,我觉得是按键弹起的时候,加上验证码当时输入的长度来合理的触发ajax事件。
比如4位长的验证码,按键弹起时判断长度,到了4长度就ajax判断输入正确没有。

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
11個最佳PHP URL縮短腳本(免費和高級)11個最佳PHP URL縮短腳本(免費和高級)Mar 03, 2025 am 10:49 AM

長URL(通常用關鍵字和跟踪參數都混亂)可以阻止訪問者。 URL縮短腳本提供了解決方案,創建了簡潔的鏈接,非常適合社交媒體和其他平台。 這些腳本對於單個網站很有價值

Instagram API簡介Instagram API簡介Mar 02, 2025 am 09:32 AM

在Facebook在2012年通過Facebook備受矚目的收購之後,Instagram採用了兩套API供第三方使用。這些是Instagram Graph API和Instagram Basic Display API。作為開發人員建立一個需要信息的應用程序

在Laravel中使用Flash會話數據在Laravel中使用Flash會話數據Mar 12, 2025 pm 05:08 PM

Laravel使用其直觀的閃存方法簡化了處理臨時會話數據。這非常適合在您的應用程序中顯示簡短的消息,警報或通知。 默認情況下,數據僅針對後續請求: $請求 -

構建具有Laravel後端的React應用程序:第2部分,React構建具有Laravel後端的React應用程序:第2部分,ReactMar 04, 2025 am 09:33 AM

這是有關用Laravel後端構建React應用程序的系列的第二個也是最後一部分。在該系列的第一部分中,我們使用Laravel為基本的產品上市應用程序創建了一個RESTFUL API。在本教程中,我們將成為開發人員

簡化的HTTP響應在Laravel測試中模擬了簡化的HTTP響應在Laravel測試中模擬了Mar 12, 2025 pm 05:09 PM

Laravel 提供简洁的 HTTP 响应模拟语法,简化了 HTTP 交互测试。这种方法显著减少了代码冗余,同时使您的测试模拟更直观。 基本实现提供了多种响应类型快捷方式: use Illuminate\Support\Facades\Http; Http::fake([ 'google.com' => 'Hello World', 'github.com' => ['foo' => 'bar'], 'forge.laravel.com' =>

php中的捲曲:如何在REST API中使用PHP捲曲擴展php中的捲曲:如何在REST API中使用PHP捲曲擴展Mar 14, 2025 am 11:42 AM

PHP客戶端URL(curl)擴展是開發人員的強大工具,可以與遠程服務器和REST API無縫交互。通過利用Libcurl(備受尊敬的多協議文件傳輸庫),PHP curl促進了有效的執行

在Codecanyon上的12個最佳PHP聊天腳本在Codecanyon上的12個最佳PHP聊天腳本Mar 13, 2025 pm 12:08 PM

您是否想為客戶最緊迫的問題提供實時的即時解決方案? 實時聊天使您可以與客戶進行實時對話,並立即解決他們的問題。它允許您為您的自定義提供更快的服務

宣布 2025 年 PHP 形勢調查宣布 2025 年 PHP 形勢調查Mar 03, 2025 pm 04:20 PM

2025年的PHP景觀調查調查了當前的PHP發展趨勢。 它探討了框架用法,部署方法和挑戰,旨在為開發人員和企業提供見解。 該調查預計現代PHP Versio的增長

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版