网页抓取手机号(如何获取手机验证码？小月教你怎么获取信息！)

　　网页抓取手机号(如何获取手机验证码？小月教你怎么获取信息！)

　　众所周知，在之前的注册信息或者获取当前手机号信息的工作中，基本上都要涉及到手机号验证码。网上搜的案例都是乱七八糟的，用的时候都是坑。我真的不想用它。我写了一个倒计时效果来获取手机验证码。有需要的合作伙伴可以看看如何实现。

　　

　　如何获取手机验证码？

　　小月不知道你们是用什么平台获取验证码的，但是告诉大家我是在哪个平台获取的。

　　精益云：

　　文档：

　　在这个平台上，首先要注册一个账号，在设置里面设置自己的信息，按照文档进行操作。这里我就不多说了。大部分都是后台操作的，有能力的我们可以尝试使用前端。php编写接口。（我懒的时候不知道怎么写。）

　　一般有两个接口：

　　发送验证请求（以便您的手机通过短信验证）并返回数据以验证手机号码是否与验证一致

　　根据后台攻城狮的界面来实现。

　　前端页面工作

　　下面这段代码就是上图所示的页面

　　

手机号：

验证码：

获取验证码

提交

提交成功

我们将在索要成功后

第一时间通知您！

朕知道了

　　验证电话号码是否正确

　　//校验手机号

//页面的input写的正则下面直接调用方法就可以的

jQuery.extend({

checkmobileNo: function(str) {

var re =/^1[3|7|5|8]\d{9}$/;

if (re.test(str)) {

return true;

} else {

return false;

}

}

});

　　JS/JQ 部分处理发送短信验证请求

　　//发送验证码给手机

　　 $.ajax({

type: \'GET\',

url:"你们后台提供的接口" + mobile, //即上面的接口1

success: function(data, status) {

if (data.errcode==0) {

alert("已发送");

$(".code1").attr("disabled", "disabled");

$(".code1").css("background-color", "#b4b2b3");

//下面就是实现倒计时的效果代码

var d = new Date();

d.setSeconds(d.getSeconds() + 59);

var m = d.getMonth() + 1;

var time = d.getFullYear() + \'-\' + m + \'-\' + d.getDate() + \' \' + d.getHours() + \':\' + d.getMinutes() + \':\' + d.getSeconds();

var id = ".code1";

var end_time = new Date(Date.parse(time.replace(/-/g, "/"))).getTime(),

//月份是实际月份-1

sys_second = (end_time - new Date().getTime()) / 1000;

var timer = setInterval(function() {

if (sys_second > 1) {

sys_second -= 1;

var day = Math.floor((sys_second / 3600) / 24);

var hour = Math.floor((sys_second / 3600) % 24);

var minute = Math.floor((sys_second / 60) % 60);

var second = Math.floor(sys_second % 60);

var time_text = \'\';

if (day > 0) {

time_text += day + \'天\';

}

if (hour > 0) {

if (hour < 10) {

hour = \'0\' + hour;

}

time_text += hour + \'小时\';

}

if (minute > 0) {

if (minute < 10) {

minute = \'0\' + minute;

}

time_text += minute + \'分\';

}

if (second > 0) {

if (second < 10) {

second = \'0\' + second;

}

time_text += second + \'秒\';

}

$(id).text(time_text);

} else {

clearInterval(timer);

$(".code1").attr("disabled", false);

$(".code1").text(\'获取验证码\');

$(".code1").css("background-color", "#f67a62");

}

},

1000);

}else{

alert("发送失败，请再试一次。");

}

},

error: function(data, status) {

alert(status);

}

});

});

　　向服务器提交信息

　　//验证验证码和手机发送的验证码是否一致

$.ajax({

type: \'GET\',

url: "接口2",

success: function(data, status) {

if (data.errcode==0) {

//向服务器提交信息

$.ajax({

type: \'POST\',

url: "向服务器提交你们索要填写的信息接口",

data: JSON.stringify({ //data这里看你们的需求根据接口的数据去写

"project_id": pid,

"phone": mobile,

"device":d

}),

success: function(data, status) {

if (data.errcode==0) {

$(\'.page1\').hide();

$(\'.page2\').show();

}else{

alert("提交失败,请在尝试一次!");

}

},

error: function(data, status) {

alert(data.errMsg);

}

});

}else{

alert("验证码不正确！");

}

},

error: function(data, status) {

alert(status);

}

});

});

　　终于完成了，有需要的可以自己试试。有什么问题可以问小月。如果你想要案例的源代码，请*敏*感*词*月获取。打开DEMO后，请在群文件中添加QQ群，自行下载！