recherche

Maison >interface Web >js tutoriel >Le plugin de code de vérification jQuery Real Person empêche le formulaire de soumettre automatiquement_jquery

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

WBOY
WBOYoriginal
2016-05-16 15:33:271315parcourir

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
eb5ed3af5a776cc458426ea330eea2582cacc6d41bbb37262a98f745aa00fbf0
c08ed8948cb0aed87ccdc679547de9352cacc6d41bbb37262a98f745aa00fbf0
080b747a20f9163200dd0a7d304ba388@import "jquery.realperson.css";531ac245ce3e4fe3d50054a55f265927
2. Partie HTML
1de88d460a79b8e93c04f2361990d30b
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>

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;>
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;>

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.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Le plug-in jQuery implémente le code de vérification HTML statique vérification_jqueryArticle suivant：Le plug-in jQuery implémente le code de vérification HTML statique vérification_jquery

Articles Liés

Voir plus