Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
    <head>
<script src="http://zeptojs.com/zepto.min.js"></script>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="format-detection" content="telephone=no" />
        <title>糖友医生注册</title>
        <link rel="stylesheet" type="text/css" href="css/badge.css" />
            </head>
    <body>
        <ul class="register_nav">
            <li class="register_nav_cur">糖友注册</li>
            <li>医生注册</li>
        </ul>
        <div class="register_main">
            <div class="register_wrap register_wrap_cur">
                <h2 class="register_tit">XXX医生邀请您加入血糖高管！</h2>
                <div class="register_fri_img"><img src="img/register_fri.jpg"/></div>
                <form>
                    <ul class="register_form">
                        <li><input type="tel" placeholder="请输入手机号码"/></li>
                        <li><input type="text" placeholder="请输入验证码"/><input type="button" id="fri_code_btn" value="获取验证码"></li>
                        <li><input type="password" placeholder="设置密码"/></li>
                    </ul>
                    <button class="register_btn white_font">注册并领取现金</button>
                </form>
            </div>
            <div class="register_wrap">
                <h2 class="register_tit">XXX医生邀请您加入血糖高管！</h2>
                <div class="register_doc_img"><img src="img/register_doc.jpg"/></div>
                <form>
                    <ul class="register_form">
                        <li><input type="tel" placeholder="请输入手机号码"/></li>
                        <li><input type="text" placeholder="请输入验证码"/><input type="button" id="doc_code_btn" value="获取验证码"></li>
                    </ul>
                    <button class="register_btn white_font">注册并领取现金</button>
                </form>
            </div>
        </div>
        <script>
            $(function(){
                $(".register_nav li").click(function(){
                    $(this).addClass("register_nav_cur").siblings().removeClass("register_nav_cur");
                    var index=$(".register_nav li").index(this);
                    $(this).parent().next(".register_main").find(".register_wrap").eq(index).addClass("register_wrap_cur").siblings().removeClass("register_wrap_cur");
                })
            })
        </script>
        <script>
            $(function () {
                $("#fri_code_btn").click(function () {
                    changeTime();
                })
            });
            var count=5;
            function changeTime(){
                $("#fri_code_btn").attr("disabled",true);
                $("#fri_code_btn").val(count+"秒后重新获取");
                count--;
                if(count>0){
                    setTimeout(changeTime,1000);
                }else{
                    count=5;
                    $("#fri_code_btn").removeAttr("disabled");
                    $("#fri_code_btn").val("获取验证码");
                }
            }
        </script>
        <script>
            $(function () {
                $("#doc_code_btn").click(function () {
                    changeTime1();
                })
            });
            var count1=5;
            function changeTime1(){
                $("#doc_code_btn").attr("disabled",true);
                $("#doc_code_btn").val(count1+"秒后重新获取");
                count1--;
                if(count1>0){
                    setTimeout(changeTime1,1000);
                }else{
                    count1=5
                    $("#doc_code_btn").removeAttr("disabled");
                    $("#doc_code_btn").val("获取验证码");
                }
            }
        </script>
    </body>
</html>
​
​
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers