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

創(chuàng)新互聯(lián)，專注為中小企業(yè)提供官網(wǎng)建設(shè)、營銷型網(wǎng)站制作、自適應(yīng)網(wǎng)站建設(shè)、展示型網(wǎng)站設(shè)計、成都網(wǎng)站制作等服務(wù)，幫助中小企業(yè)通過網(wǎng)站體現(xiàn)價值、有效益。幫助企業(yè)快速建站、解決網(wǎng)站建設(shè)與網(wǎng)站營銷推廣問題。

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

在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中的信息獲取，然后進行相應(yīng)的處理
}
formReset：function(e){
console.log(e);//控制臺打印輸出表單信息
}//可寫可不寫

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

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

    *注：javascript轉(zhuǎn)義字符：
        \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)的，像最后一種，只需要順序?qū)懴氯ゾ秃?    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)的字符）
            ^   限定開始位置的字符
            $  限定結(jié)尾位置的字符
            \b  限定單詞（字）邊界的字符
            \B  限定非單詞（字）邊界的字符
            *注：
            //所謂單詞，并不是指的英文單詞，而是一連串的英文字母
            //所謂字，指的是中文漢字
            限定開始字符：^a   表示以a開頭
            限定結(jié)尾字符：a$   表示以a結(jié)尾
            \b的用法(單詞邊界就是單詞和符號之間的邊界)：
                //單詞可以是中文字符,英文字符,數(shù)字；
                //符號可以是中文符號,英文符號,空格,制表符,換行
                    1>當\b出現(xiàn)在前面的時候，例如\ba，即限定開頭為a
                    2>當\b出現(xiàn)在后面的時候，例如a\b，即限定結(jié)尾為a
            \B的用法（\B是符號與符號,字（字母）與字（字母）的邊界）
            例：
                str=",,,123,,";
                reg=/\b1/;
                //或者/3\b/都能匹配成功
                //但是想要匹配2就不能用\b，應(yīng)該用\B2或2\B匹配
    5>轉(zhuǎn)義字符 '\'
            需要轉(zhuǎn)義的字符有：$、(、)、*、+、.、[、]、?、\、/、^、{、}、|
            在其前方加上‘\’，即可匹配其所對應(yīng)的字符，而不是對應(yīng)的語法規(guī)則
    6>分組字符
            分組字符  ‘（’   ‘）’ 用來確定一個基本單元并使之作為一個分組
            ()的用法：
                        把括號內(nèi)的內(nèi)容作為一個分組，這樣寫起來就很簡單
    7>其他字符
             []的用法：
                        括號中的內(nèi)容出現(xiàn)某一個即可
             {}的用法：
                        相當于循環(huán)次數(shù)
    8>選擇字符
                |    用來二選一
                例：(H|h)即選擇其中之一
4、正則表達式的注釋
    (?#注釋內(nèi)容)
5、正則表達式優(yōu)先級
    \                              轉(zhuǎn)義符
    ()、(?:)、(?=)、[]              圓括號或方括號
    *、+、?、{n}、{n,}、{n,m}       限定符
    ^、$、\b、\B                    位置和順序
    |                              選擇符，“或”運算

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

網(wǎng)頁標題：微信小程序中表單提交和驗證以及正則表達式的使用案例-創(chuàng)新互聯(lián)
本文網(wǎng)址：http://www.rwnh.cn/article28/dghhjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、商城網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、服務(wù)器托管、網(wǎng)站策劃、網(wǎng)站設(shè)計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)