jQueryフォームバリデーションのパスワード確認例を詳しく解説-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

jQueryフォームバリデーションのパスワード確認例を詳しく解説

小云云

Jan 11, 2018 pm 01:50 PM

jquery パスワード確認する

この記事では主にjQueryフォーム認証のパスワード確認の実装コードを詳しく紹介しますので、興味のある方は参考にしていただければ幸いです。

ご存知のとおり、パスワードを変更する場合は、パスワードを 2 回入力する必要があります。両方のパスワードボックスにコンテンツが含まれていることを確認するにはどうすればよいですか? 2 つのパスワードボックスは一貫していますか?入力がない場合はプロンプトが表示されますか? OK、これはすべて JS を使用して実装できます。具体的なアイデアは、dom ノードを取得し、オブジェクトの値を決定するイベントを記述することです。
それでは、どのようなイベントをプログラムすればよいでしょうか? onblurイベントのはずだよ～。そして、両方のパスワードボックスにフォーカスを失うブラーイベントを追加します。 jQueryを使うとさらに便利です。
早速、コードに進みましょう:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>password验证</title>
    <script src="jquery/jquery-3.1.1.min.js" type="text/javascript"></script>
  </head>
  <body>
      <form ation="psot" method="">
      <label for="password1">请输入密码：</label>
      <input id="password" name="password" onblur="checkpas1();" required="true" type="password"/>
<br/>
      <label for="password1">请确认密码：</label>
      <input type="password" name="repassword" id="repassword" required="true" onChange="checkpas();" />
      <span class="tip" style="color: red;">两次输入的密码不一致</span><br>
      <input type="button" name="submit" value="提交" onclick="checkpas2();"/>
    </form>
    <script>
      $(".tip").hide();
      function checkpas1(){//当第一个密码框失去焦点时，触发checkpas1事件
        var pas1=document.getElementById("password").value;
        var pas2=document.getElementById("repassword").value;//获取两个密码框的值
        if(pas1!=pas2&&pas2!="")//此事件当两个密码不相等且第二个密码是空的时候会显示错误信息
          $(".tip").show();
        else
          $(".tip").hide();//若两次输入的密码相等且都不为空时，不显示错误信息。
        }
      function checkpas(){//当第一个密码框失去焦点时，触发checkpas2件
        var pas1=document.getElementById("password").value;
        var pas2=document.getElementById("repassword").value;//获取两个密码框的值
        if(pas1!=pas2){
          $(".tip").show();//当两个密码不相等时则显示错误信息
        }else{
          $(".tip").hide();
        }
        }
      function checkpas2(){//点击提交按钮时，触发checkpas2事件，会进行弹框提醒以防无视错误信息提交
        var pas3=document.getElementById("password").value;
        var pas4=document.getElementById("repassword").value;
        if(pas3!=pas4){
          alert("两次输入的密码不一致！");
          return false;
        }
      }
    </script>
  </body>
</html>
</html>

ログイン後にコピー

このコードは実際には比較的単純なので、もっと書くことで上達できると思います。始めたばかりです。私は間違っています。誰かが指摘してくれることを願っています

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7484

CakePHP チュートリアル

1377

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

Related knowledge

Windows 11 で続行するために管理者のユーザー名とパスワードの入力を求められる問題を解決するにはどうすればよいですか? Apr 11, 2024 am 09:10 AM

Win11 を使用している場合、管理者のユーザー名とパスワードの入力を要求される場合があるため、この記事ではその対処方法について説明します。方法 1: 1. [Windows ロゴ] をクリックし、[Shift+Restart] を押してセーフモードに入るか、[スタート] メニューをクリックして [設定] を選択するという方法でセーフモードに入ります。「更新とセキュリティ」を選択し、「回復」で「今すぐ再起動する」を選択し、再起動してオプションを入力した後、 - トラブルシューティング - 詳細オプション - 起動設定 -&mdash を選択します。

携帯電話を使用してルーターのWiFiパスワードを設定する方法（携帯電話をツールとして使用） Apr 24, 2024 pm 06:04 PM

ワイヤレスネットワークは、今日のデジタル世界で人々の生活に不可欠な部分となっています。ただし、個人のワイヤレスネットワークのセキュリティを保護することが特に重要です。強力なパスワードを設定することは、WiFi ネットワークが他人にハッキングされないようにするための鍵となります。ネットワークのセキュリティを確保するために、この記事では、携帯電話を使用してルーターの WiFi パスワードを変更する方法を詳しく紹介します。 1. ルーター管理ページを開く - モバイルブラウザでルーター管理ページを開き、ルーターのデフォルトの IP アドレスを入力します。 2. 管理者のユーザー名とパスワードを入力します - アクセスするには、ログインページに正しい管理者のユーザー名とパスワードを入力します。 3. ワイヤレス設定ページに移動します。ルーター管理ページでワイヤレス設定ページを見つけてクリックし、そのページに入ります。 4.現在のWiを見つける

パスワードが間違っています。BitLocker の警告に注意してください Mar 26, 2024 am 09:41 AM

この記事では、間違ったパスワードの問題を解決する方法、特に BitLocker の警告に対処する際の注意の必要性について説明します。この警告は、ドライブのロックを解除するために BitLocker に間違ったパスワードを複数回入力するとトリガーされます。通常、この警告は、不正なログイン試行を制限するポリシーがシステムにあるために発生します (通常、ログイン試行は 3 回まで許可されます)。この場合、ユーザーは適切な警告メッセージを受け取ります。完全な警告メッセージは次のとおりです: 入力されたパスワードが間違っています。間違ったパスワードを入力し続けると、アカウントがロックされることに注意してください。これは、データのセキュリティを保護するためです。アカウントのロックを解除する必要がある場合は、BitLocker 回復キーを使用する必要があります。パスワードが間違っています。コンピュータにログインするときに表示される BitLocker 警告に注意してください

携帯電話のWi-Fiパスワード変更チュートリアル（簡単操作） Apr 26, 2024 pm 06:25 PM

インターネットの急速な発展に伴い、ワイヤレスネットワークは私たちの生活に欠かせないものになりました。ただし、個人情報とネットワークのセキュリティを保護するために、Wi-Fi パスワードを定期的に変更することが非常に重要です。ホームネットワークのセキュリティをより適切に保護するために、この記事では、携帯電話を使用して WiFi パスワードを変更する方法に関する詳細なチュートリアルを紹介します。 1. WiFi パスワードの重要性を理解する WiFi パスワードは、インターネット時代において、個人情報とネットワークセキュリティを保護するための第一の防御線です。その重要性を理解することで、パスワードを定期的に変更する必要がある理由をよりよく理解できます。 2. 電話機が Wi-Fi に接続されていることを確認します。まず、Wi-Fi パスワードを変更する前に、パスワードを変更する Wi-Fi ネットワークに電話機が接続されていることを確認します。 3. 電話機の設定メニューを開き、電話機の設定メニューに入ります。

Win10 のパスワードがパスワードポリシーの要件を満たしていない場合はどうすればよいですか? コンピューターのパスワードがポリシーの要件を満たしていない場合はどうすればよいですか? Jun 25, 2024 pm 04:59 PM

Windows 10 システムでは、パスワードポリシーは、ユーザーが設定したパスワードが特定の強度と複雑さの要件を満たしていることを確認するための一連のセキュリティルールです。システムがパスワードがパスワードポリシーの要件を満たしていないことを示すメッセージを表示する場合、それは通常、パスワードがパスワードポリシーの要件を満たしていないことを意味します。パスワードは、複雑さ、長さ、または文字の種類に関して Microsoft が設定した要件を満たしていません。どうすればこれを回避できますか?ユーザーはローカルコンピュータポリシーでパスワードポリシーを直接見つけて操作を実行できます。以下を見てみましょう。パスワードポリシーの仕様に準拠していない解決策: パスワードの長さを変更する: パスワードポリシーの要件に従って、元の 6 桁のパスワードを 8 桁以上に変更するなど、パスワードの長さを増やすことができます。特殊文字の追加: パスワードポリシーでは、@、#、$ などの特殊文字を含める必要があることがよくあります。私

win10 コンピューターの電源投入時パスワードを忘れた場合にシステムに入る方法_win10 コンピューターの電源投入時パスワードを忘れた場合の対処方法 Mar 28, 2024 pm 02:35 PM

1. Xiaobai のワンクリックシステム再インストールツールを別のコンピュータにダウンロードしてインストールし、空の USB ディスクを挿入して USB ブートディスクを作成します。具体的なチュートリアルについては、次を参照してください: 2. 変更する必要があるコンピュータに USB ブートディスクを挿入します。再起動するパスワードを入力して、開始ホットキーを押します。通常、起動ホットキーは F12、F8、F9、F10、および ESC のいずれかです。次に、起動インターフェイスが表示され、USB ディスクのオプションを選択し、Enter キーを押してに入ります。 3. [1] を選択して win10x64PE を起動し、Enter キーを押して確認します。 4. デスクトップ上のパスワード変更ツールを選択し、ダブルクリックして開きます。 5. アカウント名のリストが表示されるので、パスワードを変更する必要があるアカウントを選択して開きます。 6. 以下の [パスワードの変更] コマンドをクリックし、新しいパスワードを 2 回入力し、[OK] をクリックして変更を保存します。 7. 最後に、USB フラッシュドライブを取り外し、コンピュータを再起動すると、正常に動作します。

Linuxシステムにおけるユーザーパスワード保存メカニズムの分析 Mar 20, 2024 pm 04:27 PM

Linux システムにおけるユーザーパスワードの保存メカニズムの分析 Linux システムでは、ユーザーパスワードの保存は非常に重要なセキュリティメカニズムの 1 つです。この記事では、パスワードの暗号化された保存、パスワード検証プロセス、ユーザーパスワードを安全に管理する方法など、Linux システムにおけるユーザーパスワードの保存メカニズムを分析します。同時に、具体的なコード例を使用して、パスワード保存の実際の操作プロセスを示します。 1. パスワードの暗号化された保管 Linux システムでは、ユーザーのパスワードは平文でシステムに保管されるのではなく、暗号化されて保管されます。 L

エクセルにパスワードを設定する方法 Mar 21, 2024 am 09:00 AM

数日前、いとこが私のところに来て、「一生懸命エクセルで大量のデータを作成したのに、同僚によって修正されてしまった。当時は状況を知らなかった。」と愚痴を言いに来ました。彼の上司に、彼は叱られました。学校を出て社会に出ると、あなたの背中を刺す人が増えます。私はいとこに一言慰めの言葉を添えた上で、「今後またそのような目に遭うのが怖いのであれば、Excel フォームにパスワードを設定して、本人以外は開けないようにしましょう」とアドバイスしました。あなた。ネチズンの皆さん、自分の Excel スプレッドシートが他人にこっそり変更されるのが怖いなら、パスワードも設定すべきです。 Excelのパスワードフォームにパスワードを設定するにはどうすればよいですか?一緒に調べてみましょう！ 1.

See all articles