介绍 git clone https://github.com/13725102796/css3-demo.git
cd css3-demo
npm 小姐;(yarn 安装)
npm 开始 npm 小姐:plate-number-input
import PlateNumberInput 得到& # 39;plate-number-input& # 39;
,,
,const input =, new PlateNumberInput ({
el才能:“# plateNumapp",
defaultNumber才能:& # 39;默认号码& # 39;,
,,isNewpower:假的,//,,,
onBtnSaveClick才能:,()=祝辞{
,//点击保存回调事件,input.getNumber()代表获取当前输入的号码
,
,,console.log (input.getNumber ())
,,},
以前,}); npm 小姐:bankcardinfo
,
import BIN 得到“bankcardinfo";
,
BIN.getBankBin (this.form.bank_account)
,然后才能(data =祝辞,{
,,console.log(数据);
,,如果(data.bankName) {
,,,console.log(时间+ data.bankName data.cardTypeName)
,,}
})才能
.catch才能(err =祝辞,{
,,let errMsg =, (err.split (& # 39;: & # 39;) [1]) .split (& # 39; & # 39;) [0]
,,console.log (errMsg )
});才能
这篇文章将为大家详细讲解有关vue如何实现车牌号校验和银行校验,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
使用方法:
浏览器打开localhost: 8080年即可访问
先谈谈车牌号的校验之。前折腾了好久,网上文章也比较杂乱。后来无意中发现了一个比较好用的库——plate-number-input
就直接用来改造了。具体效果如下:
用法如下:
<强>下个案例——银行卡校验
(注:银行卡校验只能通过个人卡号的校验,企业卡号是无法校验,因为调用是支付宝校验的接口,企业只能做到校验号码位数)
具体效果如下:
具体业务逻辑还是要靠自己去写。企业银行要自行补充该卡的银行名称,获取不了。
