http://center.51daifu.com/Login/register.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="utf-8">
5    <title>注册</title>
6    <link rel="stylesheet" href="/Public/css/base.css" /><!--重置-->
7    <link rel="stylesheet" href="/Public/css/f_do.css" /><!--主体-->
8    <style>
9        .f-wei-bg{
10        width: 100%;
11        height: 100%;
12        background: rgba(0,0,0,0.8);
13        position: fixed;
14        left: 0;
15        top: 0;
16        right: 0;
17        z-index: 1000;
18        }
19        .f-weixin{
20            width: 300px;
21            height: 400px;
22            position: fixed;
23            left: 50%;
24            top: 50%;
25            z-index: 1000;
26            border: #ccc 1px solid;
27            background-color: #fff;
28            color: #fff !important;
29            border-radius: 5px;
30            -moz-border-radius: 5px;
31            -webkit-border-radius: 5px;
32            -o-border-radius: 5px;
33            -ms-border-radius: 5px;
34            margin-left: -150px;
35            margin-top: -200px;
36
37        }
38        
39    </style>
40</head>
41<body>
42<!--头部-->
43<div class="f-top-bg">
44    <div class="f-top clearfix">
45        <a href='http://www.51daifu.com/'><h1 class="f-logo">医生在线</h1></a>
46        <h2 class="f-title">通行证</h2>
47    </div>
48</div>
49
50<!--头部 end-->
51
52<!--内容-->
53<div class="f-register clearfix">
54    <div class="f-register-L">
55        <form  method="post" id="l-reg-form" action="/login/zhuce.html">
56            <div class="clearfix mb20px">
57                <label class="f-label-tel">手机号</label>
58                <label>
59                    <input type="text" placeholder="请输入您的手机号" id="tel" name='mobile' class="f-register-input"/>
60                </label>
61                <p class="f-form-prompt-1 ml10px fl">&nbsp;</p>
62            </div>
63            <div class="clearfix mb20px">
64                <label class="f-label-tel">验证码</label>
65                <label>
66                    <input type="text" id='yzm_t' name='yzm_t' placeholder="验证码" class="f-register-y"/>
67                </label>
68                <div class="f-register-img">
69                    <img src="/public/verify.html" alt="验证码" onclick="checkimage(this)" id='verify_img' class="fl"/>
70                </div>
71            
72                <p class="f-form-prompt-2 ml10px fl">&nbsp;</p>
73            </div>
74            <div class="clearfix mb20px">
75                <label class="f-label-tel">手机验证码</label>
76                <label>
77                    <input type="text" id='yzm' name='yzm' placeholder="手机验证码" class="f-register-y"/>
78                </label>
79                <label>
80                    <input type="button" id="but" onClick="check(this);" value="获取短信验证码" class="f-register-sub"/>
81                </label>
82                <p class="f-form-prompt-3 ml10px fl">&nbsp;</p>
83            </div>
84            <div class="clearfix">
85                <label>
86                    <input type="checkbox"  id="checkboxId" name="checkboxId" class="f-out fl"/>
87                </label>
88                <p class="fl lh30px ml10px">
89                    我已看过并同意
90                    <a href="/login/contract.html" class="colorBlue" target="_blank">《医生在线网用户条款》</a>
91                </p>
92                <p class="f-form-prompt-4 fl">&nbsp;</p>
93            </div>
94            <div class="clearfix">
95                <label>
96                    <input type="submit" id='l-submit' value="注册" class="f-enroll-sub"/>
97                </label>
98            </div>
99
100        </form>
101    </div>
102    <div class="f-register-R">
103        <p class="lh30px">
104            已注册，现在就<a href="/login/index.html" class="colorBlue">登录</a>
105        </p>
106        <p class="lh30px mb20px">或者使用第三方账号直接登录</p>
107        <a href="http://center.51daifu.com/qc/index.php" class="f-icon-4"></a>
108        <a href="javascript:void(0)" onClick="wxlogin()" class="f-icon-5"></a>
109        <a href="http://center.51daifu.com/weibo/index.php" class="f-icon-6"></a>

110        <span class="lh30px">可同步登录网站</span>
111        <a href="http://www.91yao.com/" class="f-icon-8"></a>
112        <a href="http://www.yiluban.com/login-index.html" class="f-icon-9"></a>
113    </div>
114</div>
115<!--内容 End-->
116<!--微信二维码start-->
117<div  id="login_container_f" class="f-wei-bg none"> 
118    <div class="f-weixin" id="login_container">
119        <!-- <img src="/Public/images/f-over.png" alt=""> -->
120    </div>
121</div>
122<!--微信二维码end-->
123
124<!--底部-->
125<div class="footer tc pt50px pb30px">
126    <p class="l-link mb10px">
127        <a href="http://www.51daifu.com/cooperate/gsjs.shtml">关于我们</a>
128        <a href="http://www.51daifu.com/general/legal.shtml">免责声明</a>
129        <a href="http://www.51daifu.com/cooperate/index.shtml">联系方式</a>
130        <a href="http://my51.51daifu.com/Login">注册通行证</a>
131        <a href="http://kanbing.51daifu.com">代客看病</a>
132        <a href="http://tijian.51daifu.com">体检网</a>
133        <a href="http://ca.51daifu.com">肿瘤</a>
134        <a href="http://ca.51daifu.com/gamadao">伽马刀</a>
135        <a href="http://ca.51daifu.com/petct">PET-CT</a>
136        <a href="http://ca.51daifu.com/yiyuan">肿瘤医院</a>
137        <a href="http://mr.51daifu.com/hospital.shtml">整形医院</a>
138    </p>
139    <p>Copyright @ 2005-2013 www.51daifu.com 版权所有上海道拓医药科技股份有限公司 沪ICP备09019152号-2</p>
140    <p> <a href='http://images.51daifu.com/images/www2013/51daifu.jpg' ></a>(沪) 非经营性-2008-0007号 互联网医疗保健信息服务审核同意书 沪卫（中医）</p>
141    <p>网审[2014]第10134号</p>
142</div>
143<!--底部 end-->
144</body>

145<script src="/Public/js/jquery-1.8.1.js"></script>

145

146<script src="/Public/js/f_js.js"></script>

146

147<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>

147

148<script>
149    function wxlogin() {
150        var obj = new WxLogin({
151            id:"login_container",
152            appid: "wx764cb3859edc72d5",
153            scope: "snsapi_login",
154            redirect_uri: encodeURIComponent("http://center.51daifu.com/Login/login.html?type=wx"),
155            state: "",
156            style: "",
157            href: ""
158        });
159        $("#login_container_f").show();
160    }   
161</script>

161

162<script type="text/javascript">
163    $(function(){
164        $("#tel").blur(function(){
165          var mobile = $("#tel").val();
166          $.get("/login/jc_tel.html",{mobile:mobile},function(data){
167            if (data=='1') {
168              $(".f-form-prompt-1").text("手机号已存在");
169              $("#tel").val("");
170              return false;
171            }else{
172                $(".f-form-prompt-1").text("");
173            }
174          });
175        });
176    });
177</script>

177

178<script type="text/javascript">
179     var clock = '';
180     var nums = 60;
181     var btn;
182    function check(thisBtn){
183        var mobile = $("#tel").val();
184        var yzm_t  = $("#yzm_t").val(); //图形验证码
185        var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
186        var mflag  = myreg.test(mobile);
187        if(!(mflag)){
188            $(".f-form-prompt-1").text("手机号输入错误");
189            return false;
190        }else if(!(yzm_t)){
191            $(".f-form-prompt-2").text("验证码输入错误");
192            return false;
193        }else{
194            $(".f-form-prompt-2").text("");
195            $.ajax({
196                type:"get",
197                url :"/login/yzm.html",
198                data:{mobile:mobile,yzm_t:yzm_t},
199                success:function (data) {
200                    if(data.status == 1){
201                        btn = thisBtn;
202                        btn.disabled = true; //将按钮置为不可点击
203                        btn.value = nums+'秒后可重新获取';
204                        clock = setInterval(doLoop, 1000); //一秒执行一次
205                        $(".f-form-prompt-3").text("手机验证码发送成功");
206                    }else{
207                        $(".f-form-prompt-3").text(data.content);
208                    }
209                }
210            });
211        }
212    }
213
214    function doLoop()
215     {
216        nums--;
217        if(nums > 0){
218          btn.value = nums+'秒后可重新获取';
219        }else{
220          clearInterval(clock); //清除js定时器
221          btn.disabled = false;
222          btn.value = '获取验证码';
223          nums = 60; //重置时间
224        }
225    }
226    $("#l-reg-form").submit(function(){
227        var tk     = $("#tk").val();
228        var yzm    = $("#yzm").val();
229        var yzm_t  = $("#yzm_t").val();
230        var mobile = $("#tel").val();
231
232        var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
233        var mflag  = myreg.test(mobile);
234        if(!(mflag)){
235            $(".f-form-prompt-1").text("手机号输入错误");
236            return false;
237        }
238        if(!(yzm_t)){
239            $(".f-form-prompt-2").text("验证码不能为空");
240           return false; 
241        }
242        if(!(yzm)){
243            $(".f-form-prompt-3").text("验证码不能为空");
244            $(".f-form-prompt-2").text("");
245           return false; 
246        }
247        if($("#checkboxId").is(':checked')){
248            return true;
249        }else{
250            $(".f-form-prompt-4").text("请选择用户条款");
251            $(".f-form-prompt-3").text("");
252            return false;
253        }
254    })
255    //验证码刷新
256    function checkimage(e){
257        var verifyimg = $("#verify_img")[0].src; 
258        if( verifyimg.indexOf('?')>0){
259            $(e).attr('src',verifyimg+'&random='+Math.random()); 
260        }else{
261            $(e).attr('src',verifyimg.replace(/\?.*$/,'')+'?'+Math.random()); 
262        }
263    }
264</script>

264

265<script type="text/javascript">
266    $(function(){
267        $(".f-wei-bg").click(function(e){
268            $(this).hide();
269            e.stopPropagation();
270        })
271    })
272</script>

272
273</html>