引用JS类库:
<script src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="http://api.xcheck.com.cn/jssdk?v=1.0&ak={key}"></script>
{key} 注册帐号,创建项目后获取到
| HTML |
<div>
手机号:<input id="mobile" type="text" />
<button id="btnget" type="button">获取验证码</button>
</div>
<div>
<input id="code" type="text" />
<button id="btncheck" type="button">验证码检查</button>
</div>
|
| JS |
<script>
$(function () {
var mobile = new XCheckSDK({
num: 'mobile', // 手机号输入框ID
txt: 'code', // 验证码输入框ID,如果不需要JS接口验证可不填写
type: 2,
isAutoLoad: false,
isAutoCheck: false,
});
// 获取验证码
$('#btnget').click(function () {
mobile.get(function (getJson) {
alert(JSON.stringify(getJson));
return false;
});
});
// 检查验证码(可选,可以使用获取验证码中的sign验证输入是否正确)
$('#btncheck').click(function () {
mobile.check(function (checkJson) {
alert(JSON.stringify(checkJson));
return false;
});
});
});
</script>
获取验证码数据字典:
getJson =
{
code: 0, // 状态标识,大于0 有异常
data: {
key:"uba25jomlrt9", // 当前验证码唯一标识
length:4, // 验证码长度
expire:1472092490, // 过期Unix时间戳
sign:"dd3577b9b3a75248d0fce0ab726fc3ba" // AK+手机号+验证码+过期时间戳+SK,MD5加密(手机号,验证码转大写)
},
description: null // 异常描述,如:"请输入正确的手机号码"
}
检查验证码数据字典:
checkJson =
{
code: 0, // 状态标识,等于0 验证码正确,大于0 验证码异常
description: null // 异常描述
}
|