正則表達式

凡是有需要用戶填寫表單的地方,都需要正則表達式做個前置驗證
用戶的輸入永遠是不安全的
前端的過濾只能阻擋90%「粗心」的用戶,而剩下10%的「惡意」用戶還需要后端再次做一次驗證來阻擋

題目1: \d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^,$分別是什么?

\d :匹配一位數(shù)字
\w :匹配字母數(shù)字或者下劃線或漢字等
\s :匹配任意的空白符(全、半角空格,Tab,換行符)
[a-zA-Z0-9] :等同于\w
\b :是正則表達式規(guī)定的一個特殊代碼,代表著單詞的開頭或結(jié)尾、單詞的分界處,只匹配一個位置,不匹配單詞分隔符中的任何一個
. :匹配除了換行符以外的任意字符
* :匹配的不是字符,不是位置,而是數(shù)量,任意數(shù)量的不包含換行的字符。重復(fù)0次或者更多次
+ :重復(fù)一次或者更多次
? :0次或者1次
x{3} :匹配3次x
^ :匹配字符串的開始,,,如果在中括號內(nèi),是取反的意思
$ :匹配字符串的結(jié)束

題目2: 寫一個函數(shù)trim(str),去除字符串兩邊的空白字符

function trim(str) {
            var newStr = str.replace(/(^\s+)|(\s+$)/g,'');
            return newStr;
        }
        var arr = trim('  jirengu');
        console.log(arr);

題目3: 寫一個函數(shù)isEmail(str),判斷用戶輸入的是不是郵箱

function isEmail(str){
            var regEmail = /\w+@[0-9a-zA-Z]+([\.][a-zA-Z0-9])+/;
            return regEmail.test(str);
        }

題目4: 寫一個函數(shù)isPhoneNum(str),判斷用戶輸入的是不是手機號

function isPhoneNum(str) {
            var regPhoneNum = /^1\d{10}/;
            return regPhoneNum.test(str);
        }

題目5: 寫一個函數(shù)isValidUsername(str),判斷用戶輸入的是不是合法的用戶名(長度6-20個字符,只能包括字母、數(shù)字、下劃線)

function isValidUsername(str) {
            var reg = /^\w{6,20}$/;
            return reg.test(str);
        }

題目6: 寫一個函數(shù)isValidPassword(str), 判斷用戶輸入的是不是合法密碼(長度6-20個字符,只包括大寫字母、小寫字母、數(shù)字、下劃線,且至少至少包括兩種)

function isValidPassword(str) {
        if(!/^\w{6,20}$/.test(str)) return false;
        if(/^\d{6,20}$/.test(str)) return false;
        if(/^[a-z]{6,20}$/.test(str)) return false;
        if(/^[A-Z]{6,20}$/.test(str)) return false;
        return true;
    }
    var arr = isValidPassword('_azA12345678');
   console.log(arr);

題目7: 寫一個正則表達式,得到如下字符串里所有的顏色

var re = /*正則...*/
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "
console.log( subj.match(re) )  // ['#121212', '#AA00ef']
var re = /#[0-9a-zA-Z]{3}|#[0-9a-zA-Z]{6}(?=;)/g;
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "
console.log( subj.match(re) );  // ['#121212', '#AA00ef']

題目8: 下面代碼輸出什么? 為什么? 改寫代碼,讓其輸出[""hunger"", ""world""].

var str = 'hello  "hunger" , hello "world"';
var pat =  /".*"/g;
str.match(pat);

輸出// [""hunger" , hello "world""]
默認是貪婪匹配模式

var str = 'hello  "hunger" , hello "world"';
var pat =  /".*?"/g;//在量詞*后面加?將其改為非貪婪模式
console.log(str.match(pat));
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 題目1: \d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^,$分別是什么? \d ...
    怎么昵稱閱讀 495評論 0 0
  • 正則表達式(Regular Expression)是計算機科學(xué)的一個概念。正則表達式使用單個字符串來描述、匹配一系...
    草鞋弟閱讀 862評論 0 0
  • 問答 \d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分別是什么?答:\d 查找數(shù)...
    饑人谷_桶飯閱讀 341評論 0 1
  • 題目1: \d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^,$分別是什么? \d:數(shù)字...
    saintkl閱讀 358評論 0 0
  • 1. \d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分別是什么? \d查找數(shù)字。如...
    黃露hl閱讀 583評論 0 1

友情鏈接更多精彩內(nèi)容