注册juery短信,验证码 验证

<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta content="telephone=no" name="format-detection" />
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
    <title>8.88元现金限量抢</title>
    <link rel="stylesheet" href="/src/888/css/reset.css">
    <link rel="stylesheet" href="/src/888/css/index.css">
</head>


<body>
    <!-- logo -->
    <div class="logoBox">
        <img src="/src/888/res/jrlogo.png" alt="">
    </div>
    <!-- 活动详情 -->
    <div class="huodong">活动详情</div>
    <!-- Money盒子 -->
    <div class="moneyBox">
        <img src="/src/888/res/w888.png" alt="">
    </div>
    <!-- 消息盒子 -->
    <div class="infoBox">
        <p class="colorRed">您的8.88元现金已经入账</p>
        <p class="colorRed fontSize">现在注册并开始理财</p>
        <p class="colorRed">您的手机号为:{$tel}</p>
    </div>
    <!-- 输入框 -->
    <div class="registerBox">
        <div class="register-item flex-father">
            <input class="register-input2 flex-son2" placeholder="请输入校验码" type="text" id="codes">
<!--            <input class="register-input3 flex-son3" type="text">-->
            <img src="/verify/index2"  id="yzm"/>
            <div class="register-shuaxin bg-deepBlue">
                <img src="/src/888/res/shuaxin.png" οnclick="shuaxin()">
            </div>
        </div>
        <div class="register-item flex-father">
            <input class="register-input1 flex-son" placeholder="请输入验证码" type="text" id="tel_code">
            <div class="register-get bg-deepBlue" id="sendsns" >获取验证码</div>
        </div>
        <div class="register-item flex-father">
            <input class="register-input4 flex-son" placeholder="请设置6~16位字母数字组合密码" type="password" id="password">
        </div>
        <div class="register-item text-center">
           <input id="ck" type="checkbox" checked >
           <span id="cktext">我已阅读并同意<a  οnclick="window.location='http://www.jinr.com/User/xieyi/id/5';">《鲸鱼用户协议》</a></span>
        </div>
        <input type="hidden" value="{$tel}" id="tel_phone">
        <input type="hidden" value="{$hb_key}" id="hb_key">
    </div>
    <div class="registerBtn">
        <div class="inputBtn colorYellow btn4 " id="lqbtn">注册领取8.88元现金</div>
    </div>
    <div class="emptyDiv"></div>
    <!-- 虚拟键盘按键组 -->
    
    <!-- 活动内容 -->
    <div class="huodongBox">
        <div class="huodongContent">
            <img class="huodong-img" src="/src/888/res/huodong.png" alt="">
        </div>
        <div class="inputBtn colorYellow btn2">领取</div>
    </div>
    <script src="/src/888/js/jquery.js"></script>
    <script type="text/javascript" src="/src/j/error.js"></script>
    <script type="text/javascript" src="/src/888/js/vfsend.js"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
         var  hb_key='{$data.hb_key}';
        $(function() {
             wx.config({
debug : false,
appId : '{$data.appId}',
timestamp : '{$data.timestamp}',
nonceStr : '{$data.nonceStr}',
signature : '{$data.signature}',
jsApiList : [ 'hideOptionMenu', ]
});
wx.ready(function() {
wx.hideOptionMenu();
});
wx.error(function(res) {
//alert(res.errMsg);
}); 
            $(document).on("touchstart", function() {});
            /* 活动详情 */
            $(".huodong").on("click",function(){
               $(".huodongBox").fadeIn(); 
            });
            $(".btn2").on("touchend",function(){
               $(".huodongBox").fadeOut(); 
            });


        });
       function shuaxin()
       {
           $('#yzm').attr("src","/verify/index2?"+Math.random());
       }
    </script>
</body>


</html>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值