在看这篇文章之前,我发起大伙能够去把项目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!!!