Le plugin de code de vérification jQuery Real Person empêche le formulaire de soumettre automatiquement

Le plugin de code de vérification jQuery Real Person empêche le formulaire de soumettre automatiquement_jquery

WBOY

Libérer： 2016-05-16 15:33:27

original

1187 Les gens l'ont consulté

Le plug-in jQuery présenté dans cet article est un peu spécial. Un outil de vérification pour empêcher la soumission automatique de formulaires est l'outil de code de vérification que nous utilisons souvent. Laissez-moi d'abord vous montrer l'effet.

Le rendu est le suivant :

Mode d'emploi
Besoin d'utiliser le fichier de bibliothèque jQuery et le fichier de bibliothèque Real Person
Dans le même temps, vous devez personnaliser le style CSS pour l'affichage du code de vérification

Exemples d'utilisation

1. Contenant une partie du fichier

2. Partie HTML

3. Partie Javascript
$("#biuuu").realperson();
Comme le montre l'exemple ci-dessus, vous pouvez implémenter un outil de code de vérification qui empêche l'envoi automatique du formulaire. En même temps, vous pouvez spécifier la longueur des caractères du code de vérification, comme suit :
. $("#biuuu").realperson({length: 5});

Le plugin jQuery Real Person dont nous avons parlé aujourd'hui est un plug-in de code de vérification jQuery écrit entièrement en JavaScript.

Plug-in jQuery Real Person Cliquez pour actualiser l'exemple d'explication

<!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.js"></script> 
<script type="text/javascript" src="jquery.realperson.js"></script> 
<link href="jquery.realperson.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript"> 
  $(function(){ 
    $('#Gideon').realperson({length: 5}); 
  }) 
</script> 
</head> 
 
<body> 
 
<input type="text" id="Gideon" name="defaultReal"> 
</body> 
</html>

Copier après la connexion

Remarque : Si la vérification continue d'échouer, veuillez essayer la méthode suivante :

<&#63;php 
function rpHash($value) { 
  $hash = 5381; 
  $value = strtoupper($value); 
  for($i = 0; $i < strlen($value); $i++) { 
    $hash = (($hash << 5) + $hash) + ord(substr($value, $i)); 
  } 
  return $hash; 
} 
&#63;>

Copier après la connexion

Remplacez

par :

<&#63; 
  function rpHash($value)  
  { 
    $hash = 5381; 
    $value = strtoupper($value); 
    for($i = 0; $i < strlen($value); $i++) $hash = (leftShift32($hash, 5) + $hash) + ord(substr($value, $i)); 
    return $hash;  
  } 
 
  function leftShift32($number, $steps)  
  { 
    $binary = decbin($number); 
    $binary = str_pad($binary, 32, "0", STR_PAD_LEFT); 
    $binary = $binary.str_repeat("0", $steps); 
    $binary = substr($binary, strlen($binary) - 32); 
    return ($binary{0} == "0" &#63; bindec($binary) : -(pow(2, 31) - bindec(substr($binary, 1))));  
  } 
&#63;>

Copier après la connexion

Ce qui précède est une introduction à la façon d'utiliser le plug-in de code de vérification jQuery Real Person. L'éditeur ne l'a peut-être pas compilé de manière exhaustive. J'espère que vous pourrez le comprendre.