在jQuery中如何實現驗證表單密碼一致性
這篇文章主要介紹了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>執行結果：
上面是我整理給大家的，希望未來會對大家有幫助。
相關文章：
在react中state和setState的使用方法（詳細教學）
以上是在jQuery中如何實現驗證表單密碼一致性的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
歐易交易所如何註冊賬戶 歐易交易所註冊教程
Apr 24, 2025 pm 02:06 PM
註冊歐易賬戶的步驟如下：1.準備有效郵箱或手機號和穩定網絡。 2.訪問歐易官網。 3.進入註冊頁面。 4.選擇郵箱或手機號註冊，填寫信息。 5.獲取並填寫驗證碼。 6.同意用戶協議。 7.完成註冊並登錄，進行KYC和設置安全措施。
十大數字虛擬貨幣app排行榜 幣圈交易數字貨幣交易所排名前十
Apr 22, 2025 pm 03:00 PM
十大數字虛擬貨幣app排行榜分別是：1. OKX，2. Binance，3. gate.io，4. Coinbase，5. Kraken，6. Huobi，7. KuCoin，8. Bitfinex，9. Bitstamp，10. Poloniex。這些交易所根據交易量、用戶體驗和安全性等因素評選，均提供多種數字貨幣交易服務和高效的交易體驗。
歐易交易所app官網下載蘋果手機下載
Apr 28, 2025 pm 06:57 PM
歐易交易所app支持蘋果手機下載，訪問官網，點擊“蘋果手機”選項，在App Store中獲取並安裝，註冊或登錄後即可進行加密貨幣交易。
排名前十的數字貨幣交易所 數字貨幣app交易所排行榜前十
Apr 22, 2025 pm 03:15 PM
數字貨幣交易所排名前十分別是：1. OKX，2. Binance，3. gate.io，4. Coinbase，5. Kraken，6. Huobi，7. KuCoin，8. Bitfinex，9. Bitstamp，10. Poloniex。這些交易所根據交易量、用戶體驗和安全性等因素評選，均提供多種數字貨幣交易服務和高效的交易體驗。
幣安下載鏈接 幣安下載路徑
Apr 24, 2025 pm 02:12 PM
安全下載幣安APP需通過官方渠道：1. 訪問幣安官網，2. 找到並點擊APP下載入口，3. 選擇掃描二維碼、應用商店或直接下載APK文件的方式下載，確保鏈接和開發者信息真實，開啟雙重驗證保護賬戶安全。
芝麻開門官網入口 芝麻開門官方最新入口2025
Apr 28, 2025 pm 07:51 PM
芝麻開門是重點加密貨幣交易的平台，用戶可以通過官方網站或社交媒體獲取入口，確保訪問時驗證SSL證書和網站內容的真實性。
芝麻開門交易所如何註冊賬戶 芝麻開門交易所註冊教程
Apr 24, 2025 pm 02:00 PM
註冊芝麻開門賬號需7步：1.準備有效郵箱或手機號及穩定網絡；2.訪問官網；3.進入註冊頁面；4.選擇並填寫註冊方式；5.獲取並填寫驗證碼；6.同意用戶協議；7.完成註冊並登錄，建議進行KYC和設置安全措施。
幣安怎麼註銷 幣安如何註銷
Apr 28, 2025 pm 07:45 PM
註銷幣安賬戶需要完成以下步驟：1) 確保所有資產轉移，2) 取消所有掛單，3) 解除API密鑰，4) 關閉所有開放合約；然後登錄幣安官網，進入“用戶中心”，選擇“賬戶註銷”，填寫註銷原因，確認資產轉移，提交申請並等待審核，審核通過後確認註銷，註銷後賬戶無法恢復。
