小程式驗證車牌號(含新能源車牌)

祈澈菇涼發表於2019-03-28

之前寫的一個,小程式掃描二維碼,正則校驗:https://www.jianshu.com/p/61217e42a143,現在又遇到了一個小程式驗證車牌號(含新能源車牌)的需求,其實思想是類似的,一併寫了。

需求:input框裡面填寫的車牌號必須是正確的,如果不是正確的,則會彈出提示框請輸入正確車牌號。

在網上找了最新的驗證,包括新能源車牌

 let reg = /^(([京津滬渝冀豫雲遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陝吉閩貴粵青藏川寧瓊使領][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津滬渝冀豫雲遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陝吉閩貴粵青藏川寧瓊使領][A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9掛學警港澳使領]))$/

這個正則的驗證規則:


5640239-70111cdfc1eb3bde.png

輸入符合以上規則的車牌號可以通過驗證,如果不是,則不可以通過驗證
,寫在程式碼邏輯裡面:

 let reg = /^(([京津滬渝冀豫雲遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陝吉閩貴粵青藏川寧瓊使領][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津滬渝冀豫雲遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陝吉閩貴粵青藏川寧瓊使領][A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9掛學警港澳使領]))$/
    const careg = reg.test(that.data.carNum);
    if (!careg) {
      wx.showToast({
        icon: 'none',
        title: '請輸入正確車牌號',
      })
      return;
    }

當輸入車牌號寫錯了,沒有通過驗證的時候,會出現以下提示,知道正確為止:


5640239-b72be59c2e67239f.png

原文作者:祈澈姑娘 技術部落格:https://www.jianshu.com/u/05f416aefbe1
90後前端妹子,愛程式設計,愛運營,文藝與程式碼齊飛,魅力與智慧共存的程式媛一枚。
堅持總結工作中遇到的技術問題,堅持記錄工作中所所思所見,對於部落格上面有不會的問題,可以加入qq技術交流群聊:649040560。

相關文章