JS 正則表達(dá)式驗(yàn)證密碼、郵箱格式的實(shí)例代碼
更新時(shí)間：2018年10月28日 12:57:27 作者：_____null
這篇文章主要介紹了JS 正則表達(dá)式驗(yàn)證密碼、郵箱格式的實(shí)例代碼,需要的朋友可以參考下
遺憾的是博客內(nèi)容不允許包含js代碼,不能在線測(cè)試，就只上代碼了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Regular Expression test</title>
</head>
<body>
用戶名：(4-16位，字母、下劃線、數(shù)字，減號(hào)) <br/>
<input type="text" id="un" placeholder="4-16位" >
<input type="button" value="test" onclick="userName()" >
<span id="one"></span>
<br/><hr/>
密碼：(最少6位，至少包括一個(gè)大寫字母、一個(gè)小寫字母、一個(gè)數(shù)字、一個(gè)特殊字符) <br/>
<input type="text" id="pw" >
<input type="button" value="test" onclick="password()" >
<span id="two"></span>
<br/><hr/>
郵箱：(xxx@xx.xxx)<br/>
<input type="text" id="em" >
<input type="button" value="test" onclick="email()" >
<span id="three"></span>
<br/><hr/>
身份證號(hào)：18位，最后一位可以是數(shù)字或字母<br/>
<input type="text" id="idn" >
<input type="button" value="test" onclick="idNumber()" >
<span id="four"></span>
<script type="text/javascript">
function userName(){
var reg=/^\w{4,16}$/;
if( !reg.test( document.getElementById("un").value ) )
document.getElementById("one").innerHTML="不正確";
else
document.getElementById("one").innerHTML="正確";
}
function password(){
var reg=/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*?[#?!@$%^&*-]).{6,}$/;
if( !reg.test( document.getElementById("pw").value ) )
document.getElementById("two").innerHTML="不正確";
else
document.getElementById("two").innerHTML="正確";
}
function email(){
var reg=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
if( !reg.test( document.getElementById("em").value ) )
document.getElementById("three").innerHTML="不正確";
else
document.getElementById("three").innerHTML="正確";
}
function idNumber(){
var reg=/^\d{17}[A-z|0-9]{1}$/;
if( !reg.test( document.getElementById("idn").value ) )
document.getElementById("four").innerHTML="不正確";
else
document.getElementById("four").innerHTML="正確";
}
</script>
</body>
</html>
總結(jié)
以上所述是小編給大家介紹的JS 正則表達(dá)式驗(yàn)證密碼、郵箱格式的實(shí)例代碼，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)會(huì)及時(shí)回復(fù)大家的！
相關(guān)文章
這篇文章主要介紹了JavaScript?日期和時(shí)間的格式化,JavaScript?中的?Date?對(duì)象提供了許多方法和屬性，可以用于處理日期和時(shí)間，根據(jù)具體情況選擇適合的方法和技巧，需要的朋友可以參考下2023-02-02
這篇文章主要介紹了Node.js API詳解之 zlib模塊用法,結(jié)合實(shí)例形式分析了Node.js API中zlib模塊基本功能、函數(shù)使用方法與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
這篇文章主要介紹了JavaScript中的eval()函數(shù)使用介紹,本文講解了eval()的使用、eval()的返回值、變量環(huán)境(variable environment)等內(nèi)容,需要的朋友可以參考下2014-12-12
JavaScript基于SVG的圖片切換效果實(shí)例代碼
這篇文章主要介紹了JavaScript基于SVG的圖片切換效果實(shí)例代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-12-12
JavaScript實(shí)現(xiàn)標(biāo)簽頁切換效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)標(biāo)簽頁切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
ECharts折線圖的Legend（圖例）用于展示每條折線所對(duì)應(yīng)的數(shù)據(jù)系列名稱,下面這篇文章主要給大家介紹了關(guān)于echarts折線圖legend太多與圖重疊的處理辦法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02
使用Three.js實(shí)現(xiàn)太陽系八大行星的自轉(zhuǎn)公轉(zhuǎn)示例代碼
這篇文章主要給大家介紹了關(guān)于如何使用Three.js實(shí)現(xiàn)太陽系八大行星的自轉(zhuǎn)公轉(zhuǎn)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Three.js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
學(xué)習(xí)layer彈出框，之前項(xiàng)目是用bootstrap模態(tài)框，后來改用layer彈出框，在文章的后面，我會(huì)分享項(xiàng)目的一些代碼,需要的朋友可以參考下2017-08-08
Javascript showModalDialog兩個(gè)窗體之間傳值
前一篇文章Javascript怎么在兩個(gè)窗體之間傳值中講到了如何利用window.open()方法打開新窗體，并在兩個(gè)窗體之間傳值的方法。2009-09-09
TypeScript枚舉的基礎(chǔ)知識(shí)及實(shí)例
使用枚舉我們可以定義一些帶名字的常量,使用枚舉可以清晰地表達(dá)意圖或創(chuàng)建一組有區(qū)別的用例,下面這篇文章主要給大家介紹了關(guān)于TypeScript枚舉的基礎(chǔ)知識(shí)及實(shí)際用例,需要的朋友可以參考下2021-10-10