一文詳解Javascript正則表達(dá)式，檢測用戶名密碼合法性

作者：黑貓編程 2023-02-14 08:18:43

開發(fā) 前端

正則表達(dá)式在不同編程語言中都存在，通常用于被檢索、驗(yàn)證符合某一規(guī)則的文本。

什么是正則表達(dá)式？

正則表達(dá)式在不同編程語言中都存在，通常用于被檢索、驗(yàn)證符合某一規(guī)則的文本。

比如，注冊賬號時(shí)，要求密碼長度要超過8位，只能包括英文大小寫和數(shù)字。這時(shí)就需要設(shè)置一個(gè)規(guī)則進(jìn)行合法性檢驗(yàn)。

正則表達(dá)式由普通字符、元字符和量詞組成。普通字符包括大小寫字母與數(shù)字，元字符是具有特殊含義的字符，量詞用來確定匹配字符的次數(shù)。

檢測合法QQ號

常見元字符：

練習(xí)1：

練習(xí)2：

常見量詞：

test方法：

let reg = /^[0-9]{5,11}$/;
if(reg.test(prompt("請輸入QQ號:")))
    alert("格式正確");
else
    alert("格式錯(cuò)誤");

onblur事件

常見元字符：

onblur事件：當(dāng)對象失去焦點(diǎn)時(shí)發(fā)生。

例如，在用戶名和密碼輸入框輸入內(nèi)容，光標(biāo)離開輸入框自動(dòng)檢測用戶名或密碼是否合法。

<label for="nickname">昵稱</label>
<input type="text" name="nickname" id="nickname">
<script>
    let nickname = document.getElementById("nickname");
    nickname.onblur = function(){
        let reg = /^\w{2,5}$/;
        if(reg.test(nickname.value))
            alert("當(dāng)前昵稱可用");
        else 
            alert("昵稱不符合命名規(guī)范");
    }
</script>

search和match

常見元字符：

常見量詞：

search()方法：用于檢索字符串中指定的子串，或檢索與正則表達(dá)式匹配的子串。結(jié)果返回第一個(gè)匹配到子串的起始位置，如果沒有找到返回-1。標(biāo)志i忽略大小寫。

let str = "abchello world.defhillo World.";
// let reg = /h[i|e]llo/;
let reg = /World/i;
let res = str.search(reg);
console.log(res);

match()方法：可以檢索到多個(gè)匹配結(jié)果。g全局匹配，gi全局忽略大小寫匹配。

let str = "abchello world.defhillo World.";
let reg = /h[i|e]llo/g;
// let reg = /World/gi;
let res = str.match(reg);
console.log(res);

責(zé)任編輯：華軒來源：今日頭條

Javascript 編程語言