jQuery Ajax zeigt richtige und falsche Zahlen an, um zu überprüfen, ob der eingegebene Bestätigungscode korrekt ist

In diesem Artikel wird hauptsächlich jQuery Ajax vorgestellt, um korrekte und falsche Zahlen anzuzeigen und zu überprüfen, ob der eingegebene Bestätigungscode korrekt ist. Freunde, die sich für Ajax interessieren, können sich auf diesen Artikel beziehen!

Ohne weitere Umschweife werde ich einfach den Code für Sie veröffentlichen. Der spezifische Code lautet wie folgt:

<script src="js/j.js"></script>
<script>
$(document).ready(function(e) {
 $(&#39;#yes&#39;).hide();
 $(&#39;#no&#39;).hide();
  $(&#39;input[name=gcode]&#39;).keyup(function(){
   if($(this).val().length==4){
  $.post(&#39;gbook.php&#39;,{cc:$(&#39;input[name=gcode]&#39;).val()},function(msg){
   
   if(msg==&#39;yes&#39;){
    $(&#39;#no&#39;).hide();
    $(&#39;#yes&#39;).show();
   }else{
    $(&#39;#yes&#39;).hide();
    $("#no").show();
   }
  });
  }
 });
});
</script>

Führen Sie zuerst jquery ein

.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-Code des Bestätigungscodes

<tr>
  <td height="40" align="right">验证码：</td>
  <td height="40"><span class="addred">*</span></td>
  <td height="40">
  <input type="text" name="gcode" id="textfield7" class="txtlist">
<span id="yes" class="sl-correct-verifycode"></span><span id="no" class="sl-error-verifycode"></span>
  <img style="float:right; margin-top:-25px; margin-right:300px;" align="middle" src="inc/cc.php" onClick="this.src=&#39;inc/cc.php?&#39;+new Date" title="点击换一张图片" width="100px"></td>
 </tr>

gbook.php

<?php
session_start();
if(isset($_POST[&#39;cc&#39;])){
 $cc = strtolower($_POST[&#39;cc&#39;]);
 $ss = strtolower($_SESSION[&#39;code&#39;]);
 if($cc==$ss){
   echo "yes";
 }else{
   echo "no"; 
 }
}

Beachten Sie, dass Bilder vorhanden sein müssen importiert

Das Obige ist die vom Editor eingeführte jQuery Ajax-Anzeige richtiger und falscher Zahlen, um zu überprüfen, ob der eingegebene Bestätigungscode korrekt ist. !

Verwandte Empfehlungen:

Beispiel für eine detaillierte Erklärung zum schnellen Erhalten von Ajax-Kommunikationsobjekten

Native Ajax-Wasserfall-Flow-Demo-Beispielfreigabe

Erklärung der mobilen H5-Entwicklung mit Ajax, das mehrere Bilder im Base64-Format auf den Server hochlädt

Das obige ist der detaillierte Inhalt vonjQuery Ajax zeigt richtige und falsche Zahlen an, um zu überprüfen, ob der eingegebene Bestätigungscode korrekt ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!