手机发送短信验证码的部分代码
2017-12-20 18:36
393 查看
<input name="htmlCode" id="htmlCode" type="text" class="fl_input" size="36" />
<input type="button" value="获取短信验证码" onclick="getVerify(this)"/>
<script type="text/javascript">
//获取验证码开始
var nums = 120;
var clock = '';
var btn;
function getVerify(thisBtn){
var mobile = $("#item_consult_phone").val();
if(mobile==""){
alert("请输入手机号码!");
document.all.item_consult_phone.focus();
return false;
}
if(mobile!=""){
var reg = /^([0-9]{11})?$/;
var flag = reg.test(mobile);
if(!flag){
alert("请输入正确的手机号码格式!");
document.all.item_consult_phone.focus();
return false;
}else{
var flag = true;
$.ajax({
async: false,
type: "POST",
cache: false,
url: "sms!getVerify.action",
data: {
mobile:mobile
},
dataType:"json",
success: function(result){
if(result == "1"){
alert("短信验证码已成功发送至您的手机,请将其填写在输入框!");
}else{
flag = false;
alert("短信验证码发送失败!");
}
}
});
btn = thisBtn;
btn.disabled = true; //将按钮置为不可点击
btn.value = nums+'秒后可重新获取';
clock = setInterval(doLoop, 1000); //一秒执行一次
return flag;
}
}
}
function doLoop() {
nums--;
if(nums > 0){
btn.value = nums+'秒后可重新获取';
}else{
clearInterval(clock); //清除js定时器
btn.disabled = false;
btn.value = '点击发送验证码';
nums = 120; //重置时间
}
}
</script>
后台部分代码:
// 生成6位随机数验证码
String verifyTemp = (Math.random()*9+1)*100000+"";
String verify = verifyTemp.substring(0,6);
String mobile = request.getParameter("mobile");
session.setAttribute("verify",verify);
result = SendSMS.send(mobile, "您的验证码为:"+verify+",此验证码30分钟内有效。", "1");
<input type="button" value="获取短信验证码" onclick="getVerify(this)"/>
<script type="text/javascript">
//获取验证码开始
var nums = 120;
var clock = '';
var btn;
function getVerify(thisBtn){
var mobile = $("#item_consult_phone").val();
if(mobile==""){
alert("请输入手机号码!");
document.all.item_consult_phone.focus();
return false;
}
if(mobile!=""){
var reg = /^([0-9]{11})?$/;
var flag = reg.test(mobile);
if(!flag){
alert("请输入正确的手机号码格式!");
document.all.item_consult_phone.focus();
return false;
}else{
var flag = true;
$.ajax({
async: false,
type: "POST",
cache: false,
url: "sms!getVerify.action",
data: {
mobile:mobile
},
dataType:"json",
success: function(result){
if(result == "1"){
alert("短信验证码已成功发送至您的手机,请将其填写在输入框!");
}else{
flag = false;
alert("短信验证码发送失败!");
}
}
});
btn = thisBtn;
btn.disabled = true; //将按钮置为不可点击
btn.value = nums+'秒后可重新获取';
clock = setInterval(doLoop, 1000); //一秒执行一次
return flag;
}
}
}
function doLoop() {
nums--;
if(nums > 0){
btn.value = nums+'秒后可重新获取';
}else{
clearInterval(clock); //清除js定时器
btn.disabled = false;
btn.value = '点击发送验证码';
nums = 120; //重置时间
}
}
</script>
后台部分代码:
// 生成6位随机数验证码
String verifyTemp = (Math.random()*9+1)*100000+"";
String verify = verifyTemp.substring(0,6);
String mobile = request.getParameter("mobile");
session.setAttribute("verify",verify);
result = SendSMS.send(mobile, "您的验证码为:"+verify+",此验证码30分钟内有效。", "1");
相关文章推荐
- 手机发送短信验证码的部分代码
- 手机发送验证码—.net代码
- 手机验证码平台,怎么发送手机验证码,php开发手机验证码短信接口功能
- java调接口实现发送手机短信验证码功能,手机验证码,接口调用
- 手机发送验证码—.net代码
- 发送手机短信获取验证码功能
- vue 实现通过手机发送短信验证码注册功能
- 使用阿里大于平台发送短信验证码java代码实现
- php手机短信接口发送验证码
- 发送手机短信获取验证码功能
- 手机收不到第三方发送的短信及验证码
- java手机发送短信验证码
- Java调用WebService接口实现发送手机短信验证码功能,java 手机验证码,WebService接口调用
- java调接口实现发送手机短信验证码功能,手机验证码,接口调用
- C# Ajax 手机发送短信验证码 校验验证码 菜鸟级别实现方法
- 发送手机短信获取验证码功能
- 一种利用个人手机自动发送验证码的短信平台解决方案
- java手机发送短信验证码
- Java调用WebService接口实现发送手机短信验证码功能,java 手机验证码,WebService接口调用
- 关于用Java实现发送短信(部分代码来源于网络)