微信小程序中表單提交和驗(yàn)證以及正則表達(dá)式的使用案例

這篇文章主要介紹微信小程序中表單提交和驗(yàn)證以及正則表達(dá)式的使用案例，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

微信小程序中表單提交和驗(yàn)證以及正則表達(dá)式的使用案例

在wxml中：

<form bindsubmit="formSubmit" bindreset="formReset">
    <input type="text" name="name_1"></input>
    <button form-type='submit'>登錄</button>
    <button form-type='reset'>重置</button>    
</form>

在js中：

formSubmit:function(e){
console.log(e);//控制臺(tái)打印輸出表單信息,在detail中的value中，頁(yè)面輸入的信息會(huì)以其input標(biāo)簽中的name命名
//進(jìn)行e中的信息獲取，然后進(jìn)行相應(yīng)的處理
}
formReset：function(e){
console.log(e);//控制臺(tái)打印輸出表單信息
}//可寫(xiě)可不寫(xiě)

表單驗(yàn)證：
表單驗(yàn)證采取正則表達(dá)式驗(yàn)證方法：（自己理解，觀點(diǎn)可能片面）

    var reg =  new RegExp("正則表達(dá)式模式str");
    //其中str為字符串形式，所以字面上并不是真正的正則表達(dá)式，要用javascript中的轉(zhuǎn)義字符，將其中的正則表達(dá)式所需字符轉(zhuǎn)義出來(lái)
    //或-- var reg =  /正則表達(dá)式模式/;
    //以上一種是最常用的定義正則表達(dá)式的方法，其中‘/’為邊界
    reg.test(str);
    //應(yīng)用test()方法驗(yàn)證字符串格式，如果格式相同則返回true，否則false

    *注：javascript轉(zhuǎn)義字符：
        \b  退格
        \n  回車(chē)換行
        \t  Tab符號(hào)
        \f  換頁(yè)
        \'  單引號(hào)
        \"  雙引號(hào)
        \v  跳格（Tab，水平）
        \r  換行
        \\  反斜杠
        \OOO    八進(jìn)制整數(shù)，范圍為000~777
        \xHH    十六進(jìn)制整數(shù)，范圍為00~FF
        \uhhhh  十六進(jìn)制編碼的Unicode字符

正則表達(dá)式：

//所謂正則表達(dá)式，就是把一種類(lèi)型的字符串從左到右統(tǒng)一表示出來(lái)

1、正則表達(dá)式的定義：
    1>顯式定義
        var reg =  new RegExp("正則表達(dá)式模式");
    2>隱式定義
        var reg =  /正則表達(dá)式模式/    ;       
2、正則表達(dá)式的測(cè)試：
        var reg =  /正則表達(dá)式模式/    ;   
        reg.test(str);
3、正則表達(dá)式基本字符：
    1>元字符（所謂元字符，個(gè)人理解就是一種可以代替某一類(lèi)字符的簡(jiǎn)寫(xiě)形式，但是它本身是以一個(gè)字符形式出現(xiàn)）
        \d          匹配數(shù)字，相當(dāng)于[0-9]
        \D          匹配非數(shù)字，相當(dāng)于[^0-9]
        \w          匹配字母或數(shù)字或漢字或下劃線(xiàn)
        \W          匹配任意不是字母、數(shù)字、漢字或下劃線(xiàn)的字符
        \s          匹配任意的空白符，如空格、換行符、制表符等
        \S          匹配任意不是空白符的字符
        .（點(diǎn)號(hào)）   匹配除了換行符以外的任意字符
        [...]       匹配方括號(hào)中的所有字符
        [^...]      匹配非方括號(hào)中的所有字符
    2>連接符 ‘-’
        用來(lái)連接某一范圍的首尾字符，使表達(dá)式更加簡(jiǎn)潔
        [0-9]   匹配數(shù)字，等價(jià)于\d
        [a-z]   匹配英文小寫(xiě)字母
        [A-Z]   匹配英文大寫(xiě)字母
        [0-9a-zA-Z] 匹配數(shù)字或英文字母
        //如果想要匹配某一范圍內(nèi)的，像最后一種，只需要順序?qū)懴氯ゾ秃?
    3>限定符（用來(lái)限定某一字符或某一組字符出現(xiàn)的次數(shù)）
                        +       重復(fù)1次或更多次
                        *       重復(fù)0次或更多次（任意次數(shù)）
                        ?       重復(fù)0次或1次（最多1次）
                        {n}     重復(fù)n次
                        {n,}    重復(fù)n次或更多次（最少n次）
                        {n,m}   重復(fù)n到m次
                        //限定符出現(xiàn)在字符的后面，即若想匹配go，則為go?
    4>定位符（限定某些位置出現(xiàn)的字符）
            ^   限定開(kāi)始位置的字符
            $  限定結(jié)尾位置的字符
            \b  限定單詞（字）邊界的字符
            \B  限定非單詞（字）邊界的字符
            *注：
            //所謂單詞，并不是指的英文單詞，而是一連串的英文字母
            //所謂字，指的是中文漢字
            限定開(kāi)始字符：^a   表示以a開(kāi)頭
            限定結(jié)尾字符：a$   表示以a結(jié)尾
            \b的用法(單詞邊界就是單詞和符號(hào)之間的邊界)：
                //單詞可以是中文字符,英文字符,數(shù)字；
                //符號(hào)可以是中文符號(hào),英文符號(hào),空格,制表符,換行
                    1>當(dāng)\b出現(xiàn)在前面的時(shí)候，例如\ba，即限定開(kāi)頭為a
                    2>當(dāng)\b出現(xiàn)在后面的時(shí)候，例如a\b，即限定結(jié)尾為a
            \B的用法（\B是符號(hào)與符號(hào),字（字母）與字（字母）的邊界）
            例：
                str=",,,123,,";
                reg=/\b1/;
                //或者/3\b/都能匹配成功
                //但是想要匹配2就不能用\b，應(yīng)該用\B2或2\B匹配
    5>轉(zhuǎn)義字符 '\'
            需要轉(zhuǎn)義的字符有：$、(、)、*、+、.、[、]、?、\、/、^、{、}、|
            在其前方加上‘\’，即可匹配其所對(duì)應(yīng)的字符，而不是對(duì)應(yīng)的語(yǔ)法規(guī)則
    6>分組字符
            分組字符  ‘（’   ‘）’ 用來(lái)確定一個(gè)基本單元并使之作為一個(gè)分組
            ()的用法：
                        把括號(hào)內(nèi)的內(nèi)容作為一個(gè)分組，這樣寫(xiě)起來(lái)就很簡(jiǎn)單
    7>其他字符
             []的用法：
                        括號(hào)中的內(nèi)容出現(xiàn)某一個(gè)即可
             {}的用法：
                        相當(dāng)于循環(huán)次數(shù)
    8>選擇字符
                |    用來(lái)二選一
                例：(H|h)即選擇其中之一
4、正則表達(dá)式的注釋
    (?#注釋內(nèi)容)
5、正則表達(dá)式優(yōu)先級(jí)
    \                              轉(zhuǎn)義符
    ()、(?:)、(?=)、[]              圓括號(hào)或方括號(hào)
    *、+、?、{n}、{n,}、{n,m}       限定符
    ^、$、\b、\B                    位置和順序
    |                              選擇符，“或”運(yùn)算

以上是“微信小程序中表單提交和驗(yàn)證以及正則表達(dá)式的使用案例”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！