Automatische Überprüfung des Bestätigungscodes, wenn Ajax das Formular PHP-Backend-Verifizierungscode-Erkennung_php-Beispiel übermittelt-PHP-Tutorial-php.cn

Automatische Überprüfung des Bestätigungscodes, wenn Ajax das Formular PHP-Backend-Verifizierungscode-Erkennung_php-Beispiel übermittelt

WBOY

Freigeben： 2016-08-04 08:56:42

Original

732 Leute haben es durchsucht

Dieser Artikel zeigt anhand des Quellcodes, wie der Bestätigungscode implementiert wird, um die Richtigkeit vor dem Absenden des Formulars zu überprüfen. Wenn er falsch ist, wird das Formular nicht gesendet und der Bestätigungscode aktualisiert.

1. Frontend-Code index.html

 <!DOCTYPE html>
<html>
<head>
 <title>验证码提交自验证</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="Content-Language" content="zh-CN" />
</head>
<body>
 <form action="doPost.php" method="POST">
  
  <div class="row">
   <label for="username">用户名</label>
   <input type="text" name="username" id="username" />
  </div>
  <div class="row">
   <label for="mod-captcha-code">验证码</label>
   <input name="code" id="mod-captcha-code" size="6" class="zjcaptcha" style="width:80px" type="text"/>
   <img class="code-img" style="height:30px;width:80px;" src="createcode.php&#63;t=0" onclick="this.src=this.src.substring(0,this.src.indexOf('&#63;')+1)+Math.random();return false;" />
   <script type="text/javascript" src="http://www.zjmainstay.cn/jquery/jquery-1.8.2.min.js"></script>
   <div class="yzmtips" style="color:red"></div>
  </div>
  <div class="row">
   <input type="submit" value="提交" class="submitBtn"/>
  </div>
 </form>
<script>
(function($){
 $(document).ready(function(){
  $(".submitBtn").click(function() {
   var obj = $(this);
   $.ajax({
    url:'checkcode.php',
    type:'POST',
    data:{code:$.trim($("input[name=code]").val())},
    dataType:'json',
    async:false,
    success:function(result) {
     if(result.status == 1) {
      obj.parents('form').submit(); //验证码正确提交表单
     }else{
      $(".code-img").click();
      $(".yzmtips").html('验证码错误！');
      setTimeout(function(){
       $(".yzmtips").empty();
      },3000);
     }
    },
    error:function(msg){
     $(".yzmtips").html('Error:'+msg.toSource());
    }
   })
   return false;
  })
 });
})(jQuery);
</script>
</body>
</html>

Nach dem Login kopieren

2. Erkennung des Backend-Bestätigungscodes checkcode.php

 <&#63;php
/**
* 用户验证码验证文件
* @Author:Zjmainstay
* @version : 1.0
* @creatdate: 2013-10-4
*/
session_start();
echo json_encode(array('status'=>(int)($_SESSION["CHECKCODE"] == $_POST['code'])));
exit;

Nach dem Login kopieren

Quellcode-Download-Adresse: Ajax realisiert die automatische Überprüfung des Bestätigungscodes beim Absenden eines Formulars

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich sein wird. Ich hoffe auch, dass jeder Script House unterstützt.