微信小程序中表單提交和驗證以及正則表達式的使用案例

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

微信小程序中表單提交和驗證以及正則表達式的使用案例

在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);//控制臺打印輸出表單信息,在detail中的value中，頁面輸入的信息會以其input標簽中的name命名
//進行e中的信息獲取，然后進行相應的處理
}
formReset：function(e){
console.log(e);//控制臺打印輸出表單信息
}//可寫可不寫

表單驗證：
表單驗證采取正則表達式驗證方法：（自己理解，觀點可能片面）

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

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

正則表達式：

//所謂正則表達式，就是把一種類型的字符串從左到右統一表示出來

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

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