本篇文章給大家?guī)淼膬?nèi)容是關于微信小程序中表單提交和驗證以及正則表達式的用法介紹（附代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

在wxml中：

<form bindsubmit="formSubmit" bindreset="formReset">
    <input type="text" name="name_1"></input>
    <button form-type=&#39;submit&#39;>登錄</button>
    <button form-type=&#39;reset&#39;>重置</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    八進制整數(shù)，范圍為000~777
        \xHH    十六進制整數(shù)，范圍為00~FF
        \uhhhh  十六進制編碼的Unicode字符

正則表達式：

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

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

相關推薦：

微信小程序中數(shù)據(jù)綁定的實例分析（代碼）

微信小程序中快捷鍵的設置步驟（圖文）

以上是微信小程序中表單提交和驗證以及正則表達式的用法介紹（附代碼）的詳細內(nèi)容。更多信息請關注PHP中文網(wǎng)其他相關文章！