AJAX 的 jQuery Ajax顯示對號和錯號用于驗證輸入驗證碼是否正確

廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：

$(document).ready(function(e) {

$('#yes').hide();

$('#no').hide();

$('input[name=gcode]').keyup(function(){

if($(this).val().length==4){

$.post('gbook.php',{cc:$('input[name=gcode]').val()},function(msg){

if(msg=='yes'){

$('#no').hide();

$('#yes').show();

}else{

$('#yes').hide();

$("#no").show();

}

});

}

});

});

首先引入jquery

.sl-error-verifycode {

background-image: url("images/icons.png");

background-position: -26px 0;

background-repeat: no-repeat;

display: block;

font-size: 18px;

height: 23px;

line-height: 20px;

margin-left: 180px;

margin-top: -25px;

position: relative;

text-align: center;

width: 20px;

z-index: 2;

}

.sl-correct-verifycode {

background-image: url("images/icons.png");

background-position: -50px 0;

background-repeat: no-repeat;

display: block;

font-size: 18px;

height: 23px;

line-height: 20px;

margin-left: 180px;

margin-top: -25px;

position: relative;

text-align: center;

width: 20px;

z-index: 2;

}

驗證碼的html 代碼

驗證碼：*

gbook.php

session_start();

if(isset($_POST['cc'])){

$cc = strtolower($_POST['cc']);

$ss = strtolower($_SESSION['code']);

if($cc==$ss){

echo "yes";

}else{

echo "no";

}

}

注意圖片一定要引入

以上所述是小編給大家介紹的jQuery Ajax顯示對號和錯號用于驗證輸入驗證碼是否正確，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

您可能感興趣的文章: