网页手机号抓取程序(电商app支持手机充值默认运营商的手机配置功能介绍 )

　　网页手机号抓取程序(电商app支持手机充值默认运营商的手机配置功能介绍

)

　　电商APP支持手机充值

　　现在很多电商APP都支持手机充值，我们公司也实现了这个功能。

　　

　　功能很简单，写文章主要是为了录音，没有技术难度。

　　获取手机充值配置

　　页面加载时，需要显示默认运营商的手机充值配置。我司默认为联通的配置。

　　获取配置的接口可以写在onload函数中。

　　函数触发流程：

　　首先判断公司是否有可用余额，这是一个接口。获取默认的联通手机配置信息并渲染。获取手机运营商

　　手机运营商的信息一般是通过手机号码的前3位或者前4位来获取的。因此，当手机位数超过4位时，进行手机运营商的判断。

　　充值功能实现

　　对于充值功能，首先判断手机号码是否存在且合法。手机号码的验证可以通过正则表达式进行。这里，以相对简单的方式进行验证。

　　为了达到提示信息的效果，如果没有手机号或者手机号错误，会有*敏*感*词*。这个*敏*感*词*是通过animate.css实现的，通过添加或移除类名来改变样式。

　　chongzhi(){

if(!this.phone){

this.msg = "请输入您的手机号码";

this.animateClass = "shake";

setTimeout(()=>{

this.animateClass = "";

}, 1000);

return;

}

if(!/(^1[0-9]{10}$)/.test(this.phone)){

this.msg = "手机号不正确，请重新输入";

this.animateClass = "shake";

setTimeout(()=>{

this.animateClass = "";

}, 1000);

return;

}

this.msg = "";

console.log(this.list[this.currentIndex]);

//此处的接口是为了调用充值接口来出现充值功能

this.$request.urlRequest(

"/gate/mobile/cost/recharge",

{

mobile:this.phone,

itemId:this.list[this.currentIndex].itemId

},

'POST',

(res) => {

if(res.code === 200){

this.delPhone();

this.msg = "";

this.showFlag = true;

this.num = this.list[this.currentIndex].price;

this.orderId = res.result.serialno;

this.id = res.result.id;

}

}

)

}