怎樣用jQuery驗證表單密碼的一致性-js教程-PHP中文網

首頁

web前端

js教程

怎樣用jQuery驗證表單密碼的一致性

php中世界最好的语言

Mar 15, 2018 pm 04:13 PM

jquery 密碼表單

這次帶給大家怎樣用jQuery驗證表單密碼的一致性，用jQuery驗證表單密碼的一致性的注意事項有哪些，下面就是實戰案例，一起來看一下。

jQuery 腳本

<script type="text/javascript">
function check_password() {
  if ($("#password").val() != $("#checkPWD").val()){
    alert("请保证两次输入密码的一致性！");
    $("#checkPWD").focus();
  }
}
function check_email() {
  var reg = /\w+[@]{1}\w+[.]\w+/;
  if (!reg.test($("#email").val())){
    alert("请输入正确的email！");
    $("#email").focus();
  }
}
function check_phone() {
  var reg = /^1[34578]\d{9}$/;
  if (!reg.test($("#phone").val())){
    alert("请输入正确的手机号！");
    $("#phone").focus();
  }
}
</script>

登入後複製

html 檔案

<!DOCTYPE html>
<html>
<head>
  <script src="jquery1.3.2.js"></script>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>注册界面</title>
</head>
<body>
  <center>
    <h1>用户注册</h1>
    <form action="" method="post">
      <table width="400px" cellspacing="0px" cellpadding="0px" border="1px">
        <tr>
          <td>用户名</td>
          <td><input type="text" name="username" placeholder="用户名为3-12位字母数字或下划线组合" ></td>
        </tr>
        <tr>
          <td>密 码</td>
          <td><input type="password" name="password" placeholder="密码长度为6-12位的纯数字" id="password"></td>
        </tr>
        <tr>
          <td>确认密码</td>
          <td><input type="password" name="checkPWD" placeholder="密码长度为6-12位的纯数字" id="checkPWD" onchange="check_password()"></td>
        </tr>
        <tr>
          <td>手机号码</td>
          <td><input type="text" name="phone" placeholder="请输入正确的手机号码格式" id="phone" onchange="check_phone()"></td>
        </tr>
        <tr>
          <td>邮箱</td>
          <td><input type="email" name="email" placeholder="请输入正确邮箱格式" id="email" onchange="check_email()" required="required"></td>
        </tr>
        <tr>
          <td colspan="2" style="text-align:center">
            <input type="submit" value="注册">
            <input type="reset" value="重置">
          </td>
        </tr>
      </table>
    </form>
  </center>
</body>
</html>

登入後複製

執行結果：

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7781

Java教學

1644

CakePHP 教程

1399

Laravel 教程

1296

PHP教程

1234

Related knowledge

win11提示若要繼續,請輸入管理員使用者名稱和密碼怎麼解決? Apr 11, 2024 am 09:10 AM

當使用Win11系統時，有時會遇到需要輸入管理員使用者名稱和密碼的提示，本文將探討在遇到這種情況時應該如何處理。方法一：1、點選【Windows標誌】，然後按【Shift+重啟】進入安全模式；或這樣進入安全模式：點選開始選單，選擇設定。選擇「更新與安全」；選擇「恢復」中的「立即重新啟動」；重新啟動進入選項後選擇－疑難排解－進階選項－啟動設定—&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警告當您登入電腦時收到

手機修改wifi密碼教學（簡單操作） Apr 26, 2024 pm 06:25 PM

無線網路已成為我們生活中不可或缺的一部分、隨著網路的快速發展。為了保護個人資訊和網路安全，定期更改wifi密碼是非常重要的、然而。幫助大家更能保護家庭網路安全，本文將為大家介紹如何利用手機修改wifi密碼的詳細教學。 1.了解wifi密碼的重要性wifi密碼是保護個人資訊和網路安全的道防線，在網路時代、了解其重要性可以更好地理解為什麼需要定期修改密碼。 2.確認手機連接到wifi首先確保手機已連接到要修改密碼的wifi網路上，在修改wifi密碼之前。 3.開啟手機設定選單進入手機的設定選單、在手

如何為excel設定密碼 Mar 21, 2024 am 09:00 AM

前幾天表弟找我訴苦說用excel辛苦做了一大堆數據，結果後來被同事給修改了，當時不知道情況，發給老闆後被臭罵了一頓。這確實挺讓人無奈的，有的人就是看你不順眼，就是想故意整你，離開學校步入社會以後，你會發現背後捅刀子的人越來越多。除了安慰表弟幾句以外，我還給了表弟一個意見，如果怕以後再遇到這樣的事情，那就把excel表格設定密碼，除了你可以打開以外，別人誰都打不開。廣大網友們，如果你也怕自己的excel表格被別人偷偷修改，也該設定密碼的。 excel密碼表格如何設定密碼？跟我一起來了解一下吧！ 1.

Win10密碼不符合密碼原則要求咋辦? 電腦密碼不符合政策要求解決方法 Jun 25, 2024 pm 04:59 PM

在Windows10系統中，密碼原則是一套安全性規則，確保使用者設定的密碼符合一定的強度和複雜性要求，而係統提示您的密碼不符合密碼原則要求則通常意味著您的密碼沒有達到微軟設定的複雜度、長度或字元種類的標準，那麼這種情況要如何避免呢？使用者可以直接的找到本地電腦策略下的密碼策略來進行操作就可以了，下面就一起來看看吧。不符合密碼原則規範的解決方法修改密碼長度：根據密碼原則要求，我們可以嘗試增加密碼的長度，例如將原來的6位密碼改為8位或更長。新增特殊字符：密碼策略通常要求包含特殊字符，如@、#、$等。我

win10電腦開機密碼忘了怎麼進入系統_win10電腦忘記開機密碼的處理方法 Mar 28, 2024 pm 02:35 PM

1.在另一台電腦上下載安裝小白一鍵重裝系統工具，插入空u盤製作u盤啟動盤，具體的教程可以參考：2、把U盤啟動盤插到需要更改密碼的電腦重啟，按啟動熱鍵，一般啟動熱鍵為F12、F8、F9、F10、ESC其中一個。接著出現啟動介面，選擇U盤的選項回車進入。 3.選擇【1】啟動win10x64PE按回車確定。 4.選擇桌面上的密碼修改的工具，雙擊開啟。 5.接著出現帳戶名稱列表，選取需要更改密碼的帳戶開啟。 6.點選下方的修改密碼指令，輸入兩次新的密碼，然後點選OK，儲存變更。 7.最後拔掉U盤，重開機就可以正常

Oracle預設帳號密碼修改方法詳解 Mar 09, 2024 pm 04:21 PM

Oracle預設帳號密碼修改方法詳解Oracle資料庫是一種常用的關係型資料庫管理系統，它具有強大的資料管理和處理能力，廣泛應用於企業和組織。使用Oracle資料庫時，為了保障資料安全，我們需要及時修改預設的帳號密碼。以下將詳細介紹Oracle預設帳號密碼修改方法，包含具體的程式碼範例。 1.連接到Oracle資料庫首先，使用SQL*Plus工具或其他

See all articles

怎樣用jQuery驗證表單密碼的一致性

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題