使用ajax实现发送验证码业务
来源:互联网 发布:java velocity 编辑:程序博客网 时间:2024/05/16 05:58
这里实现用ajax发送手机验证码的业务和功能,代码如下:
//点击获取验证码 document.getElementById("btnyzm").onclick=function(){ //如果在正在发送则不能发送 var t =this.innerHTML.indexOf('重'); if(t==0){ return; } //发验证码之前验证手机号是否合法 if($("#number").text().length<=0){ alert("手机号码不能为空!"); return; }else{ if($("#number").text() && /^1[3|4|5|8]\d{9}$/.test($("#number").text())){ console.log("手机号正确"); }else{ alert("手机号格式错误,请核实后再填写!"); return; }; }; //调用倒计时功能 time(this); //调用发送短信请求 YHLX (1.求职者2.企业用户) YZLX 验证类型(1.登录验证,2.注册验证) var yzmdata={SJHM:$("#number").text(),YHLX:"2",YZLX:"2"}; var promise, yzmCode; $.ajax({ url:"接口地址", type:"POST", data: yzmdata, timeout: 3000, success:function(res){ promise = new Promise(function(resolve,reject){ yzmCode = res.data; resolve(); }) return promise; } }).then(function(){ if(yzmCode.status != 200){ alert("发送失败"); } if(yzmCode.data.IsOK){ alert("验证码发送成功,请注意查收"); } }) }; //初始化验证码时间 var wait=40; function time(o) { if (wait == 0) { //jq操纵dom对象改名内容 o.innerHTML = '获取验证码'; o.removeAttribute("disabled"); //时间重置 wait = 40; }else{ o.innerHTML = "重新发送(" + wait + ")"; wait--; //每1秒执行一次time时间。如果不满足就就继续减 一直到0为止,如果为0就显示免费获取验证码 setTimeout(function() { time(o) },1000); }; };
阅读全文
0 0
- 使用ajax实现发送验证码业务
- 自定义发送验证码按钮(没有实现发送验证码业务 只有UI效果)
- 使用ajax实现登录业务
- 使用ajax实现注册业务
- 使用Ajax实现登录验证
- ajax 实现验证码
- 使用56短信网接口实现发送短信验证码
- 使用GCD实现发送短信验证码效果
- XZ_iOS之使用GCD实现发送验证码
- 使用第三方平台短信接口实现发送验证码
- 使用rxjava2实现验证码重新发送按钮的倒计时
- 使用Ajax实现对验证码验证提示(struts+jsp+Ajax)
- 【js小案例】使用ajax实现验证码功能
- Ajax+Struts2实现验证码验证功能
- 使用jQuery实现AJAX帐号验证效果
- 使用ajax与Gson实现登录验证
- 初学ajax-------使用ajax判断验证码
- 注册验证码业务
- java.lang.ClassNotFoundException: orcale.jdbc.driver.OracleDrive错误
- Failed to finalize session : INSTALL_FAILED_INTERNAL_ERROR解决方案
- Hive
- 9.16号HIVE教学
- 是否存在欧拉路径问题 POJ
- 使用ajax实现发送验证码业务
- 问卷调查 for 移动触屏版
- TensorFlow实现自编码
- Kafka+Spark Streaming+Redis实时系统实践
- adb的使用注意
- WOJ-287 商人会议
- Java基础之集合框架--Collections.binarySearch()
- Java:笔记随笔2
- 中继点