看这篇文章之前,建议大家可以去本地拉项目demo看看。如果觉得写的不好,可以提issue,一起维护。或者刚好需要的也可以留言,以后会不断完善。使用方法:gitclonehttps://github.com/13725102796/css3-demo.gitcdcss3-demonpmi(yarninstall)npmstart在浏览器中打开localhost:8080即可访问。先说车牌号的验证。之前折腾了很久,网上的文章比较乱,后来无意中发现了一个比较好用的库——plate-number-input,就直接用了。具体效果如下:用法如下:复制代码 npmiplate-number-input importPlateNumberInputfrom'plate-number-input'constinput=newPlateNumberInput({el:"#plateNumapp",defaultNumber:'defaultNumber',isNewpower:false,//点击保存回调事件,input.getNumber()表示获取当前输入的数字onBtnSaveClick:()=>{console.log(input.getNumber())}});复制代码到下一个Case——银行卡验证(注:银行卡验证只能通过个人卡号验证,不能验证企业卡号,因为调用的是支付宝验证接口,企业只能验证位数)具体效果如下:npmibankcardinfoimportBINfrom"bankcardinfo";BIN.getBankBin(this.form.bank_account).then(data=>{console.log(data);if(data.bankName){console.log(data.bankName+data.cardTypeName)}}).catch(err=>{让errMsg=(err.split(':')[1]).split(',')[0]console.log(errMsg)});具体的业务逻辑还是要自己写。法人银行需自行补充卡的银行名称,无法获取。demo中还有一个非常漂亮的轮播图,如果对大家有帮助,别忘了给个star哦!!!
