javascript-添加和删除无法验证
我试图做一个困惑的图像验证码,并使一个随机的图像集出现每次用户访问页面,但在验证我不能验证它。我使用的是jquery和php。即时通讯使用开关盒,使一个随机的图像集出现在每次用户访问页面 当我把所有的图像放在一起。。“继续执行下一步”的消息不会出现javascript-添加和删除无法验证,javascript,jquery,html,Javascript,Jquery,Html,我试图做一个困惑的图像验证码,并使一个随机的图像集出现每次用户访问页面,但在验证我不能验证它。我使用的是jquery和php。即时通讯使用开关盒,使一个随机的图像集出现在每次用户访问页面 当我把所有的图像放在一起。。“继续执行下一步”的消息不会出现 问题已解决:) ; var currentString=''; $('#可排序li')。每个(函数(){ var imageId=$(this.attr(“id”); currentString+=imageId.replace(“recordArr
问题已解决:)
;
var currentString='';
$('#可排序li')。每个(函数(){
var imageId=$(this.attr(“id”);
currentString+=imageId.replace(“recordArr_-”)+“,”;
});
currentString=currentString.substr(0,(currentString.length)-1);
如果(currentString==correctString){
警报(“进入下一步”);
}
console.log(currentString);
}
});
});
我只需要用
<?php echo json_encode($image_names); ?>;
;
您所说的“我无法验证”是什么意思?当我已经匹配了所有图像片段时,不会出现“继续下一步”的警告。。
<?php
srand( microtime() * 1000000 );
$num = rand(1,5);
switch ($num){
case 1: $image_names = "xxnr,ibhy,zabr,atrw,sbnd,htny,aoxt,dslj,awxn";
break;
case 2: $image_names = "jyzf,ttnl,lbka,dpil,wyzi,bble,oefw,lxwt,rclj";
break;
case 3: $image_names = "tdom,fach,urxn,ceqf,bgbr,xwyc,yyxp,fznw,mhwq";
break;
case 4: $image_names = "bgts,deas,zwmd,lmul,ukll,iewn,ltbm,fbvr,gwai";
break;
case 5: $image_names = "tlbe,tvul,vrml,zlgu,jymm,ysvs,fcsx,mode,nala";
break;
}
$images = explode(',', $image_names);
shuffle($images);
$new_width = "300";
$new_height= "300";
$split_size= "100";
echo "<ul id='sortable' style='width:" . $new_width . "px;height:" . $new_height . "px;'>";
foreach ($images as $key => $image_name) {
echo "<li class='ui-state-default' id='recordArr_$image_name' style='border:none;width:" . $split_size . "px;height:" . $split_size . "px;'>
<img src='images/$image_name.jpg' /></li>";
}
echo "</ul>";
?>
<script type="text/javascript">
$(function() {
$("#sortable").sortable({
opacity: 0.6,
cursor: 'move',
update: function() {
var correctString = <?php echo json_encode($image_names); ?>;
var currentString = '';
$('#sortable li').each(function(){
var imageId = $(this).attr("id");
currentString += imageId.replace("recordArr_", "")+",";
});
currentString = currentString.substr(0,(currentString.length) -1);
if(currentString == correctString){
alert("proceed into next step");
}
console.log(currentString);
}
});
});
</script>
<?php echo json_encode($image_names); ?>;