<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="js/jquery-1.7.2.js"></script> <script type="text/jscript"> var times =10; //获取验证码间隔时间 /* * 一段时间后显示重新获取验证码 */ function verificationShow(){ times =times-1; var str1="重新获取(" + times +"s)"; $("#spanVerification").html("<input type='button' style='border-radius: 30px;width: 180px;height: 70px;font-size: 26px;line-height: normal; border: 2px solid rgba(79, 70, 212, 0.15); color: rgba(52, 52, 206, 0.15); background-color: #FFFFFF;' value="+str1+">"); if(times > 0){ setTimeout(verificationShow , 1000); }else{ times =10; $("#spanVerification").html("<input type='button' style='border-radius: 30px;width: 180px;height: 70px;font-size: 26px;line-height: normal;border: 2px solid #4f46d4; background-color: #FFFFFF; color: #3434ce;' value='获取验证码' onclick='generateVerification();'/>"); } } /** * 获取验证码 */ function generateVerification(){ var mobile = $("#mobile").val(); if(mobile == ""){ alert("手机号码不能为空。"); return; } //验证码间隔时间 verificationShow(); $.ajax({ type:"post", url:"<%=path%>/public/getVerificationCode", data:{"mobile":mobile}, success:function(data) { if(data.respCode=="0000"){ alert(data.verification); }else{ layer.open({content: data.respDesc,btn: '确定'}); } }, error:function(data){ } }); } </script> </head> <body> <div > <span>手机号码</span><input class="ys_" type="text" name="mobile" id="mobile" placeholder="请输入手机号"/> </div> <div> <span>验证码 </span><input class="ys_" name="verificationCode" id="verificationCode" type="text" maxlength="4" placeholder="请输入验证码"/> <span id="spanVerification"><input type="button" style="border-radius: 30px;width: 180px;height: 70px;font-size: 26px;line-height: normal;border: 2px solid #4f46d4;color: bule;background-color: #FFFFFF; color: #3434ce;" value="获取验证码" onclick="generateVerification();"/> </span> </div> </body> </html>
(图1)
(图2)
相关推荐
获取验证码图片,不是识别验证码!获取验证码图片,不是识别验证码!获取验证码图片,不是识别验证码!获取验证码图片,不是识别验证码!获取验证码图片,不是识别验证码!获取验证码图片,不是识别验证码!获取验证码图片,不是...
安卓发送验证码倒计时效果和自动获取验证码并填充到输入框
用c++编写的获取验证码的程序,验证码是通过bmp位图来获取的 含源程序及bmp图片
大神勿喷,该资源就是一个小程序获取验证码倒计时,很简单
c#获取验证码图片的例子
jQuery移动端手机获取验证码基于jquery-1.7.2.min.js制作,输入手机号码,获取验证码。
易语言获取短信验证码 易语言获取短信验证码易语言获取短信验证码易语言获取短信验证码易语言获取短信验证码易语言获取短信验证码易语言获取短信验证码易语言获取短信验证码易语言获取短信验证码易语言获取短信...
获取验证码图片值的java代码,目前只支持简单的图片分析
一般在获取验证码的时候,会有一个倒计时的效果,这个效果虽然和简单,但是在用的时候一时间想不起来,所以和大家做一分享
自动获取验证码(android客户端),最简单方便,很实用的哦
NULL 博文链接:https://af8991.iteye.com/blog/976178
Android实现获取验证码效果 http://blog.csdn.net/xiaoyuan511
iOS获取验证码demo
jsp验证码图片例子jsp验证码图片例子jsp验证码图片例子
验证码生成与验证例子,验证码例子,验证码
易语言多方式获取验证码 易语言验证码的源码 可以为其他软件添加验证码
一个简单的获取验证码倒计时控件的封装,方便自己日常调用。
一个获取验证码,实现倒计时的封装类。 有OC版本和Swift版本,git地址: https://github.com/ZHShare/XFetchCodeButton.git // 部分代码 Swift: let codeButton = XFetchCodeButton(frame: CGRect(x: 20, y: ...
Jquery ajax 获取验证码的项目代码
jQuery手机注册表单获取验证码代码是一款输入手机号码表单验证,60秒倒计时发送验证码完成注册表单代码。