uniapp 电商账号绑定（支付宝账号/银行卡校验）

爱被打了一巴掌 2021-07-25 21:22 1314阅读 0赞

# 账号绑定 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70_pic_center]

# 支付宝账号校验 #

// 支付宝账号分为手机号和邮箱两种，可以通过正则表达式进行校验
    let reg = /^(?:1[3-9]\d{9}|[a-zA-Z\d._-]*\@[a-zA-Z\d.-]{1,10}\.[a-zA-Z\d]{1,20})$/;
    reg.test(账号);
    //如果reg.test(账号) 为true,则表示为支付宝账号
    //如果reg.test(账号) 为false,则表示不是支付宝账号

# 银行卡号码校验 #

由于银行卡账号有位数和数字的校验，则可以通过阿里的银行卡号码api校验方式。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70_pic_center 1]

uni.request({ 
        url: 'https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?cardNo='+this.account+'&cardBinCheck=true', //仅为示例，并非真实接口地址。
        success: (res) => { 
            console.log(res.data.validated,typeof res.data.validated);
    		this.kaFlag = res.data.validated;
    		if(!this.kaFlag){ 
    			uni.showToast({ 
    				title:"请输入正确的银行卡号",
    				duration:1500,
    				icon:"none"
    			})
    		}
    	}
    });

银行卡号码校验成功后，才可以进行添加银行卡接口的调用。也就是接口调用成功后再执行另一个接口的调用。为了能够解决异步的问题，可以使用promise来处理。

## promise的使用步骤 ##

首先，promise是一个对象，然后创建一个promise对象之后，进行接口的调用，调用完成后，根据返回的结果进行不同函数的处理。  
代码如下：

checkCard(){ 
      return new Promise((resolve, reject)=>{ 
    	 uni.request({ 
    	     url: 'https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?cardNo='+this.account+'&cardBinCheck=true', //仅为示例，并非真实接口地址。
    	     success: (res) => { 
    	         console.log(res.data.validated,typeof res.data.validated);
    	 		this.kaFlag = res.data.validated;
    	 		if(!this.kaFlag){ 
    	 			uni.showToast({ 
    	 				title:"请输入正确的银行卡号",
    	 				duration:1500,
    	 				icon:"none"
    	 			})
    	 			reject()
    	 		}else{ 
    				resolve(true)
    			}
    	     }
    	 });
      })
    },
    // 添加银行卡的接口
    submit(){ 
    // promise对象.then(成功执行的函数)
    	this.checkCard().then(()=>{ 
    	// 此处的this.$request.urlRequest是一个封装好的request.js文件
    		this.$request.urlRequest(
    		    "/wallet/WithdrawChannel/"+this.userId, { 
    				realName:this.realName,
    				bankName:this.bankName,
    				account:this.account,
    				bankAddress:this.bankAddress,
    				mobile:this.mobile,
    				type:2
    			},
    		    'put',
    		    (res) => { 
    		        if(res.code === 200){ 
    					if(this.item){ 
    						uni.showToast({ 
    							title:"修改成功",
    							duration:1000
    						})
    					}else{ 
    						uni.showToast({ 
    							title:"添加成功",
    							duration:1000
    						})
    					}
    		        	setTimeout(()=>{ 
    		        		uni.navigateBack();
    		        	},1000)
    		        }else{ 
    		        	uni.showToast({ 
    		        		title:"添加失败",
    		        		duration:1000,
    		        		icon:"none"
    		        	})
    		        }
    		    }
    		)
    	});
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70_pic_center]: /images/20210725/cfd855d017124a46983359575339a152.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20210725/95f87f8ef3704106ae28777ffef115fa.png