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í)現(xiàn)的字符串replaceAll函數(shù)代碼分享
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的字符串replaceAll函數(shù)代碼分享,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-04-04
小程序?qū)崿F(xiàn)自定義導(dǎo)航欄適配完美版
這篇文章主要介紹了小程序?qū)崿F(xiàn)自定義導(dǎo)航欄適配完美版，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
BootStrap modal模態(tài)彈窗使用小結(jié)
這篇文章主要為大家詳細(xì)介紹了BootStrap modal模態(tài)彈窗使用小結(jié),具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
下面小編就為大家?guī)硪黄猨s輸入框使用正則表達(dá)式校驗(yàn)輸入內(nèi)容的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
本篇文章主要是對(duì)javascript 終止函數(shù)執(zhí)行的操作方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
DVA框架統(tǒng)一處理所有頁面的loading狀態(tài)
dva 有一個(gè)管理 effects 執(zhí)行的 hook，并基于此封裝了 dva-loading 插件。下面通過本文給大家分享DVA框架統(tǒng)一處理所有頁面的loading狀態(tài)，感興趣的朋友一起看看吧2017-08-08
這篇文章主要介紹了微信小程序中換行空格（多個(gè)空格）寫法詳解,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-07-07
原生JS檢測(cè)CSS3動(dòng)畫是否結(jié)束的方法詳解
這篇文章主要介紹了原生JS檢測(cè)CSS3動(dòng)畫是否結(jié)束的方法,結(jié)合實(shí)例形式分析了javascript事件響應(yīng)及針對(duì)css3屬性檢測(cè)相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
本篇文章主要介紹了JS正則表達(dá)式驗(yàn)證中文字符的相關(guān)知識(shí)，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-05-05
Cordova(ionic)項(xiàng)目實(shí)現(xiàn)雙擊返回鍵退出應(yīng)用
這篇文章主要為大家詳細(xì)介紹了Cordova項(xiàng)目實(shí)現(xiàn)雙擊返回鍵退出應(yīng)用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09