溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

jQuery如何實現(xiàn)驗證表單密碼一致性

發(fā)布時間：2021-06-25 09:44:55 來源：億速云 閱讀：157 作者：小新 欄目：web開發(fā)

這篇文章將為大家詳細講解有關(guān)jQuery如何實現(xiàn)驗證表單密碼一致性，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

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>
    <h2>用戶注冊</h2>
    <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位字母數(shù)字或下劃線組合" ></td>
        </tr>
        <tr>
          <td>密&nbsp;碼</td>
          <td><input type="password" name="password" placeholder="密碼長度為6-12位的純數(shù)字" id="password"></td>
        </tr>
        <tr>
          <td>確認密碼</td>
          <td><input type="password" name="checkPWD" placeholder="密碼長度為6-12位的純數(shù)字" 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" >
            <input type="submit" value="注冊">
            <input type="reset" value="重置">
          </td>
        </tr>
      </table>
    </form>
  </center>
</body>
</html>

運行結(jié)果：

jQuery如何實現(xiàn)驗證表單密碼一致性

jQuery如何實現(xiàn)驗證表單密碼一致性

關(guān)于“jQuery如何實現(xiàn)驗證表單密碼一致性”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手