短信验证码,无注释,url顺便写的错的,所以会报错

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>短信验证码 </title>

     <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>

     <style>

         .sign_call span,input,p{

             float: left;

         }

     </style>

     </head>

         <body>

     <div class="sign_call">

         <span>验证码：</span>

         <input type="text" placeholder="请输入短信验证码" />

         <p onclick="">

             <span id="btn" onclick="thetime(this.id)">获取验证码</span>

         </p>

     </div>

     <script>

         function thetime(p){

             var wait = 60;

              document.getElementById(p).disabled = false;

               function time(o) {

                 if (wait == 0) {

                        o.removeAttribute("disabled");

                        o.innerHTML = "重新获取验证码";

                        wait = 60;

                        o.setAttribute("onclick","thetime(this.id)");

                 } else {

                        o.setAttribute("disabled", true);

                        o.removeAttribute("onclick");

                        o.innerHTML = wait + "秒后重新获取";

                        wait--;

                        setTimeout(function () {

                            time(o)

                        },1000)

                 }

             }

             time(document.getElementById(p));

             var mobile = document.getElementById('btn').value;

             $.ajax({

                 type: "POST",

                 url: "http://che.anet.cn/index.php/Ios/UserTest/ajaxtest",

                 data: 'mobile='+mobile,

                 dataType: 'json',

                 success: function(msg){

                       if(msg.status == 1){

                            alert(msg.content);

                     }else{

                         alert(msg.content);

                     }

                 }

             });

         }

     </script>

 </body>

 </html>

正在练习,可能有错误

js短信验证码的更多相关文章

  1. js 短信验证码 计时器

    $(function(){ getMsg(); //页面加载完成之后执行 }) function getMsg(){ //注册按钮的点击事件 $("#smsBtn").on(&qu ...

  2. js模拟支付宝发送短信验证码&&&&短信倒计时

    html <div class="pwdContent"> <div class="pwdBox"></div> <d ...

  3. js 发送短信验证码倒计时

    html <input type="button" id="btn" value="免费获取验证码" onclick="se ...

  4. 一百一十七：CMS系统之注册页面对接短信验证码

    from flask import Blueprint, requestfrom exts import alidayufrom utils import restfulfrom utils.capt ...

  5. 短信验证码js实现

    短信验证码实现 我们在使用移动.电信等运营商网上营业厅的时候,为确保业务的完整和正确性,经常会需要用到短信的验证码.最近因为某省业务需要,也做了个类似的功能. 原理很简单,就是在用户点击"获 ...

  6. JS异步操作之promise发送短信验证码.html

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta cont ...

  7. 一百一十八：CMS系统之短信验证码加密和js代码混淆

    前面的方法存在安全隐患,只要知道发送短信验证码的接口就可以无限触发发送短信验证码 改用post请求,在前端加scrf_token验证,后面需要使用到md5加密,引入md5 from apps.form ...

  8. JS发送短信验证码

    <div> <input type="tel" id="mobile" name="mobile" placeholder ...

  9. springboot +spring security4 自定义手机号码+短信验证码登录

    spring security 默认登录方式都是用户名+密码登录,项目中使用手机+ 短信验证码登录, 没办法,只能实现修改: 需要修改的地方: 1 .自定义 AuthenticationProvide ...

随机推荐

  1. Dockerfile指令学习 (转)

    原文地址:http://blog.csdn.net/we_shell/article/details/38445979 Dockfile是一种被Docker程序解释的脚本,Dockerfile由一条一 ...

  2. Linux移植之内核启动过程引导阶段分析

    在Linux移植之make uImage编译过程分析中已经提到了uImage是一个压缩的包并且内含压缩程序,可以进行自解压.自解压完成之后内核代码从物理地址为0x30008000处开始运行.下面分析在 ...

  3. (转)Android开发之封装标题栏

    文章转自 CoderAbsolom  的 http://blog.csdn.net/qq_14923661/article/details/52003447 写在前面: 标题栏这个部分,绝大多数App ...

  4. Python知识

    1   注释 单行注释:#  内容 多行注释:A   """                   ''' 内容            或    内容 "&quo ...

  5. Win32消息循环机制等【转载】http://blog.csdn.net/u013777351/article/details/49522219

    Dos的过程驱动与Windows的事件驱动 在讲本程序的消息循环之前,我想先谈一下Dos与Windows驱动机制的区别: DOS程序主要使用顺序的,过程驱动的程序设计方法.顺序的,过程驱动的程序有一个 ...

  6. 转 java反射详解

    本篇文章依旧采用小例子来说明,因为我始终觉的,案例驱动是最好的,要不然只看理论的话,看了也不懂,不过建议大家在看完文章之后,在回过头去看看理论,会有更好的理解. 下面开始正文. [案例1]通过一个对象 ...

  7. Codeforces 749D. Leaving Auction set+二分

    D. Leaving Auction time limit per test: 2 seconds memory limit per test:256 megabytes input:standard ...

  8. NC 5系查询引擎做报表

    在集团下打开查询引擎管理节点,选中查询设计,鼠标移动到创建,点击文件夹 文件夹名字按需求起,创好文件夹后选中该文件夹后鼠标移动到创建,点击对象. 按需求起好编码和名称 都创建好后,点击SQL手工设计 ...

  9. 需求文件requirements.txt的创建及使用

    pip freeze >requirements.txt pip install -r requirements.txt

  10. Delphi--最强大的开发工具(欢迎转载)

    最强大的开发工具 Delphi 目录 --------------------------------------------------------------------------- 前言 De ...