vue如何实现车牌号校验和银行校验

这篇文章将为大家详细讲解有关vue如何实现车牌号校验和银行校验，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

使用方法：

git clone https://github.com/13725102796/css3-demo.gitcd css3-demonpm 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,  //   onBtnSaveClick: ()=>{　　　　　 // 点击保存回调事件，input.getNumber()代表获取当前输入的号码    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 )  });

具体业务逻辑还是要靠自己去写。企业银行要自行补充该卡的银行名称，获取不了。

关于"vue如何实现车牌号校验和银行校验"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。