ホームページ > 記事 > ウェブフロントエンド > jQuery 本人確認コードプラグインによりフォームの自動送信が妨げられる_jquery

jQuery 本人確認コードプラグインによりフォームの自動送信が妨げられる_jquery

WBOYオリジナル: 2016-05-16 15:33:271188ブラウズ

この記事で紹介するjQueryプラグインは少し特殊で、フォームの自動送信を防ぐ検証ツールは、まずその効果を紹介します。

レンダリングは次のとおりです:

使用説明書
jQueryライブラリファイルとReal Personライブラリファイルを使用する必要があります
同時に、確認コード表示の CSS スタイルをカスタマイズする必要があります

使用例

1. ファイル部分を含む
eb5ed3af5a776cc458426ea330eea2582cacc6d41bbb37262a98f745aa00fbf0
c08ed8948cb0aed87ccdc679547de9352cacc6d41bbb37262a98f745aa00fbf0
080b747a20f9163200dd0a7d304ba388@import "jquery.realperson.css";531ac245ce3e4fe3d50054a55f265927
2.HTML部分
1de88d460a79b8e93c04f2361990d30b
3. JavaScript 部分
$("#biuuu").realperson();
上の例に示すように、フォームの自動送信を防止する検証コードツールを実装できます。同時に、次のように検証コードの文字の長さを指定できます。 $("#biuuu").realperson({length: 5});

今日説明した

jQuery Real Person Plugin は、完全に JavaScript で書かれた jQuery 検証コードプラグインです。

jQuery プラグイン Real person クリックするとサンプルの説明が更新されます

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

注: 検証が引き続き失敗する場合は、次の方法をお試しください:

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

を

に置き換えます。

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

上記は jQuery 認証コードプラグイン Real person の使い方の紹介であり、編集者が網羅的にまとめていない可能性がありますので、ご理解いただければ幸いです。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：jQuery プラグインは静的 HTML 検証コードを実装します verify_jquery次の記事：jQuery プラグインは静的 HTML 検証コードを実装します verify_jquery

続きを見る

jQuery 本人確認コード プラグインによりフォームの自動送信が妨げられる_jquery

関連記事

jQuery 本人確認コードプラグインによりフォームの自動送信が妨げられる_jquery