|
|
|
ไม่ไหวจะเคลียร์แล้วค่ะ รบกวนดูโค้ด jQuery คือเป็นการสร้าง captcha พิมพ์ตามหนังสือแต่ผลลัพธ์กลับไม่ขึ้นข้อความแจ้งว่า Security Code ไม่ถูกต้อง |
|
|
|
|
|
|
|
test.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery/jquery.js"></script>
</head>
<script type="text/javascript">
$(function(){
getCodeImg();
$("#btnReCode").click(function(){
getCodeImg();
})
});
function getCodeImg(){
$("#imgCoce").remove();
$("#inputCode1").after("<img id='imgCoce' src=\"captcha.php?"+Math.random()+"\"/>");
}
$("#form1").submit(function(){
var code = $("#inputCode").val();
$.post("check-login.php",{inputCode:code},
function(data){
if(data=='Code'){
alert("Security Code ไม่ถูกต้อง ");
}
});
return false;
});
</script>
<body>
<form action="" method="POST" name="form1" id="form1">
<div id="input-13">
<label for="inputCode"><span class="style4">Securiry Code:</span></label>
<input type="text" name="inputCode" id="inputCode" size="5" maxlength="5">
<input type="button" name "btnReCode" id= "btnReCode" value="โค้ดอีกครั้ง" />
<br>
<div align="center"><input type="hidden" name="inputCode1" id="inputCode1" /></div><br>
<div align="center"><input type="submit" name="Submit" id="Submit" value="Submit" /></div>
</fieldset>
</form>
</body>
</html>
ไฟล์ที่สร้างcaptcha คือ captcha.php
session_start();
Header ("Content-type: image/gif");
$randNum = rand(1000,9999);
$_SESSION['SecurityCode']=$randNum;
$img= imagecreate (65,20);
$color = ImageColorAllocate ($img, 0, 0, 0);
$text_color = imagecolorallocate($img, 255, 255, 255);
ImageString ($img, 5, 15, 3, $randNum,$text_color);
ImagePng ($img);
ImageDestroy ($img);
และไฟล์สุดท้ายคือไฟล์ check-login.php
<?php
session_start();
$code = $_POST['inputCode'];
if($code != $_SESSION['SecurityCode']){
exit('Code');
}
?>
ผู้เชี่ยวชาญรบกวนตรวจสอบทีค่ะ ไม่รู้ว่าทำไมนั่งหามาทั้งวันแล้ว แอบงงว่าตรงไหนกันแน่ ทำไม alert จึงไม่ขึ้น ขอบคุณนะค่ะ
Tag : JavaScript, Ajax, jQuery
|
ประวัติการแก้ไข 2010-11-01 20:02:27
|
|
|
|
|
Date :
2010-11-01 20:00:10 |
By :
nuie |
View :
2052 |
Reply :
3 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ผมไม่แน่ใจนะ ลอง
<script type="text/javascript">
$(function(){
$ajaxSetup({async: false}); //<-- ซิงโคร
getCodeImg();
$("#btnReCode").click(function(){
$('#form1').unbind(); //<-- ลบ no name ฟังชั่น ล่าสุด
getCodeImg();
})
});
function getCodeImg(){
$("#imgCoce").remove();
$("#inputCode1").after("<img id='imgCoce' src=\"captcha.php?"+Math.random()+"\"/>");
}
$("#form1").submit(function(){
var code = $("#inputCode").val();
$.post("check-login.php",{inputCode:code},
function(data){
if(data=='Code'){ // c ตัวเล็กใม่ใช่เหรอครับ
alert("Security Code ไม่ถูกต้อง ");
return false; //<-----
}
return true; //<-----
});
return false;
});
</script>
โค้ดดูงงๆ นะครับ
|
|
|
|
|
Date :
2010-11-01 20:22:11 |
By :
pjgunner.com |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณนะค่ะ แต่ทำตาม คห2 แล้วไม่ได้่อ่าค่ะ กลายเป็นว่าไม่ขึ้นตัว captcha เลยค่ะ ท่านอื่นมีคำแนะนำมั้ยค่ะ กรุณาด้วยนะค่ะ แอบสับสนและงง หนังสือก็ไม่มีไฟล์ตัวอย่างมาให้อ่ะ พิมพ์ตามแล้วแปล่งๆ
|
|
|
|
|
Date :
2010-11-01 21:27:39 |
By :
nuie |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$ajaxSetup({async: false}); //<-- ซิงโคร
ลืม . มั้ง
$.ajaxSetup
|
|
|
|
|
Date :
2010-11-01 21:49:11 |
By :
pjgunner.com |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|