vue實戰 - 車牌號校驗和銀行校驗

mmy123456 發布于2019-08-23 14:53 / 2125人閱讀

摘要：在看這篇文章之前，我建議大伙可以去把項目拉到本地看看。如果覺得寫得不好，可以一起提提，一起維護。或者大伙有剛需，可以留言，后期會不斷完善。使用方法瀏覽器打開即可訪問先談談車牌號的校驗。企業銀行要自行補充該卡的銀行名稱，獲取不了。

在看這篇文章之前，我建議大伙可以去把項目demo拉到本地看看。如果覺得寫得不好，可以一起提提issues，一起維護。或者大伙有剛需，可以留言，后期會不斷完善。

使用方法：

   git clone https://github.com/13725102796/css3-demo.git

   cd css3-demo

   npm i  (yarn install)

   npm start 

  瀏覽器打開localhost: 8080 即可訪問

先談談車牌號的校驗。之前折騰了好久，網上文章也比較雜亂，后來無意中發現了一個比較好用的庫 —— plate-number-input

就直接用了。具體效果如下：

用法如下：

復制代碼
　　npm i plate-number-input
　　
　　import PlateNumberInput from "plate-number-input"

   
const input = new PlateNumberInput({
   el: "#plateNumapp",
   defaultNumber: "默認號碼",
   isNewpower: false,
   // 點擊保存回調事件，input.getNumber()代表獲取當前輸入的號碼
   onBtnSaveClick: ()=>{
     console.log(input.getNumber())
   }

});
復制代碼

下個案例 —— 銀行卡校驗

（注：銀行卡校驗只能通過個人卡號的校驗，企業卡號是無法校驗，因為調用是支付寶校驗的接口，企業只能做到校驗號碼位數）

具體效果如下：

npm i bankcardinfo

import BIN from "bankcardinfo";

BIN.getBankBin(this.form.bank_account)

    .then(data => {
      console.log(data);
      if(data.bankName){
         console.log(data.bankName + data.cardTypeName)
      }
    })
    .catch(err => {
      let errMsg = (err.split(":")[1]).split(",")[0]
      console.log(errMsg )
    });

具體業務邏輯還是要靠自己去寫。企業銀行要自行補充該卡的銀行名稱，獲取不了。

demo里面還有一個很唯美的輪播，如果能幫上大家的忙，別忘了給個star！！！

GPU云服務器云服務器 html車牌號校驗和校驗累加和校驗算法 js數據校驗和

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/101309.html

車牌號校驗正則表達式

摘要：大型新能源汽車號牌的前五位必須使用數字，第六位必須使用字母代表純電動新能源汽車，代表非純電動新能源汽車。因此調整正則表達式為新添加農用車輛及拖拉機車牌號驗證農用車車牌號示例山東山東手扶拖拉機示例魯匹配武警車牌 ^WJ[京津冀晉蒙遼吉黑滬蘇浙皖閩贛魯豫鄂湘粵桂瓊川貴云渝藏陜甘青寧新]?[0-9a-zA-Z]{5}$ 匹配軍牌 /[A-Z]{2}[0-9]{5}$/ 1、現在大多數車牌匹...

simon_chen 2019-08-22 11:17 評論0 收藏0
2019年前端必用正則(js)

摘要：新增插件中搜索進行安裝倉庫地址使用方法安裝中插件搜索框輸入安裝完畢后按或者輸入可以看到正則列表或者輸入關鍵詞比如手機網頁版支持的正則年月日更新迅雷鏈接鏈接寬松匹配磁力鏈接寬松匹配子網掩碼文件夾路徑文件路徑下文件夾新增vscode插件 vscode中搜索any-rule進行安裝. 倉庫地址: https://github.com/any86/any-... showImg(https:...

stormgens 2019-08-23 18:20 評論0 收藏0
分享一個非常全的php正則驗證車牌格式的函數

摘要：判斷是否合法車牌號年月日年月日增加對特種車牌，武警車牌軍牌的校驗年月日增加對位新能源車牌的校驗匹配民用車牌和使館車牌判斷標準，第一位為漢字省份縮寫，第二位為大寫字母城市編碼，后面是位僅含字母和數字的組合京津冀晉蒙遼吉黑滬蘇浙皖閩贛魯豫鄂湘粵 /** 判斷是否合法車牌號 * @name isCarLicense @author furong @param $license @retur...

hiyayiji 2019-06-27 16:01 評論0 收藏0
Web安全開發規范手冊V1.0

摘要：一背景團隊最近頻繁遭受網絡攻擊，引起了技術負責人的重視，筆者在團隊中相對來說更懂安全，因此花了點時間編輯了一份安全開發自檢清單，覺得應該也有不少讀者有需要，所以將其分享出來。一、背景團隊最近頻繁遭受網絡攻擊，引起了技術負責人的重視，筆者在團隊中相對來說更懂安全，因此花了點時間編輯了一份安全開發自檢清單，覺得應該也有不少讀者有需要，所以將其分享出來。二、編碼安全 2.1 輸入驗證 ...

Yuqi 2019-07-01 10:57 評論0 收藏0