dengzhiguo 7 years ago
parent
commit
c3d9ac6df1
8 changed files with 232 additions and 22 deletions
  1. BIN
      img/shadow.jpg
  2. BIN
      img/shadow4.png
  3. BIN
      img/shadow5.png
  4. BIN
      img/shadow7.png
  5. 53 1
      src/css/registered.css
  6. 72 10
      src/js/registered.js
  7. 6 6
      template/index.html
  8. 101 5
      template/registered.html

BIN
img/shadow.jpg


BIN
img/shadow4.png


BIN
img/shadow5.png


BIN
img/shadow7.png


+ 53 - 1
src/css/registered.css

@@ -27,7 +27,7 @@ ul,ol{padding: 0;margin: 0;list-style: none;}
     background: #fff; position: relative;}
     background: #fff; position: relative;}
 .title{width:100%;height:50px;font-size: 2rem;color:#5C5C5D;
 .title{width:100%;height:50px;font-size: 2rem;color:#5C5C5D;
 line-height:50px;padding-left:50px;}
 line-height:50px;padding-left:50px;}
-
+.shadow{width:775px;height:25px;margin:0 auto;margin-top:-3px;}
 .regist{width:350px;height:450px;padding-left:50px;display: inline-block;
 .regist{width:350px;height:450px;padding-left:50px;display: inline-block;
     position: absolute;top:50px;left:0;}
     position: absolute;top:50px;left:0;}
 .zhuce_input{width:255px;height:40px;border:1px solid #E5E5E5;
 .zhuce_input{width:255px;height:40px;border:1px solid #E5E5E5;
@@ -40,6 +40,7 @@ margin-bottom:10px;line-height:38px;}
 .yanzhengma>input{border:none;padding-left:10px;}
 .yanzhengma>input{border:none;padding-left:10px;}
 .yanzhengma_cont{display:inline-block;width:80px;height:40px;line-height: 38px;
 .yanzhengma_cont{display:inline-block;width:80px;height:40px;line-height: 38px;
     position: absolute;top:0;right:0;}
     position: absolute;top:0;right:0;}
+.yanzhengma_cont>img{width:100%;height:100%;border: none;}
 .cellcode{width:255px;height:40px;position: relative;}
 .cellcode{width:255px;height:40px;position: relative;}
 .cellcode>div{width:165px;height:40px;border:1px solid #E5E5E5;
 .cellcode>div{width:165px;height:40px;border:1px solid #E5E5E5;
     line-height: 38px;display:inline-block;margin-right:10px;}
     line-height: 38px;display:inline-block;margin-right:10px;}
@@ -72,6 +73,57 @@ font-size: 1.8rem;font-weight: bold;letter-spacing:20px;}
 position: absolute;top:0;left:0;}
 position: absolute;top:0;left:0;}
 .denglu>a{color:#F18101;}
 .denglu>a{color:#F18101;}
 .huodong{position: absolute;top:20px;left:0;}
 .huodong{position: absolute;top:20px;left:0;}
+.login_{width: 100%;background: rgba(6,6,6,.4);position: fixed;
+    top: 0;left: 0;z-index: 999;}
+.login_close_{position: absolute;top: 0;right: 0;width: 50px;
+    height: 50px;z-index: 2000;cursor: pointer;}
+.login_main_{width:800px;height:600px;background-color: #fff;
+margin:40px auto;padding: 20px 50px;overflow-y: auto;box-shadow: 0 10px 10px 0 #777;}
+.title_{line-height: 50px;}
+.longin_foot{line-height: 50px;}
+
+/*登陆页面*/
+.login{width: 100%;background: rgba(6,6,6,.4);position: fixed;top: 0;left: 0;z-index: 999;}
+.login_mian{width: 600px;background: #ffffff;position: absolute;top: 50%;margin-top: -200px;left: 50%;margin-left: -300px;padding-left: 60px;padding-top: 60px;padding-bottom: 96px;}
+.login_left{float: left;padding-bottom: 10px;;}
+.login_left .login_ewm{width: 166px;padding-top: 34px;border-right: 1px solid #cccccc;padding-right: 30px;margin-bottom: 10px;}
+
+.login_left p{line-height: 26px;font-size: 14px;width: 138px;text-align: center;}
+.login_right{float: left;padding-left: 32px;}
+.login_right h5{font-size: 18px;color: #373739;font-weight: normal;}
+.login_right h5 a{font-size: 14px;color: #f81009;margin-left: 62px;}
+.login_right form .login_uesr,.login_pass{width: 256px;height: 40px;position: relative;border: 1px solid #cccccc;}
+.login_uesr label img,.login_pass label img{width: 20px;height: 22px;position: absolute;top: 8px;left:10px;border: none;}
+#Lo_user,#Lo_pass{width: 170px;height: 24px;line-height: 24px;border: none;border-left: 1px solid #CCCCCC;padding-left: 12px;left:40px;top: 8px;font-size: 16px;position: absolute;color:#cdcdcd;}
+.login_uesr .log_del{width: 16px ;height: 16px;position: absolute; top: 10px;right: 10px;}
+.log_del:hover{cursor: pointer;}
+.login_uesr{margin-bottom: 20px;}
+
+.login_check u{float: right;line-height: 38px;}
+.login_check u a{color: #f18101;}
+.login_check label{height: 38px;line-height: 38px ;color: #f18101;font-weight: normal;}
+.lab_check{background: url(../../img/check_lo.png) no-repeat center left;background-size:34% 40%;}
+.lab_checkno{background: url(../../img/check_lono.png) no-repeat center left;background-size:34% 40%;}
+.login_check label input{margin-right: 4px; visibility: hidden;}
+.login_check label:hover{cursor: pointer;}
+.login_submit{width: 100%;height: 38px;font-size: 20px;background: #f18101;color: #FFFFFF;text-align: center;border: none;}
+.login_hua {position: absolute;top: 0;right: 0;}
+.login_close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;z-index: 2000;}
+.login_close:hover{cursor: pointer;}
+
+.login_check label:first-child{margin-right: 15px;}
+.head_login:focus{text-decoration: none;}
+/*底部定制*/
+#bottom{margin-top:0;}
+.bottom{margin-top:0;}
+.text_top{top:20px;}
+.text_center{top:75px;}
+.text_bottom{top:165px;}
+
+
+
+
+
 
 
 
 
 
 

+ 72 - 10
src/js/registered.js

@@ -4,6 +4,28 @@ import '../css/public.css';
 import '../css/registered.css';
 import '../css/registered.css';
 import './public.js'
 import './public.js'
 (function(){
 (function(){
+    //查看技淘网协议
+    var hht=$(window).height();
+    $('.login_').height(hht);
+    $('.login_').hide()
+    $('.head_login_').click(function(e){
+        e.preventDefault();
+        $('.login_').fadeIn(800)
+    })
+    $('.login_close_').click(function(){
+        $('.login_').fadeOut(800)
+    })
+    //登陆
+    var hht=$(window).height();
+    $('.login').height(hht);
+    $('.login').hide()
+    $('.head_login').click(function(e){
+        e.preventDefault();
+        $('.login').fadeIn(800)
+    })
+    $('.login_close').click(function(){
+        $('.login').fadeOut(800)
+    })
     //选择专家和企业时要切换
     //选择专家和企业时要切换
     var panduan;
     var panduan;
     $("#qiye").click(function(){
     $("#qiye").click(function(){
@@ -28,6 +50,10 @@ import './public.js'
     //点击账号后面那个×,清空账号
     //点击账号后面那个×,清空账号
     $(".log_del").click(function(){
     $(".log_del").click(function(){
         $("#username").val("");
         $("#username").val("");
+        $('#photo').attr('disabled', true);
+        $("#photo").css("color","#ccc");
+        $('.sub').attr('disabled', true)
+        $('.sub').css({background: '#CCCCCC',border: 'none'})
     });
     });
     //修改单选框的样式
     //修改单选框的样式
     //$('.leibie input').css("display","none");
     //$('.leibie input').css("display","none");
@@ -65,7 +91,32 @@ import './public.js'
             }else{
             }else{
              $(this).parent().css({"background":"url(../img/unchecked.jpg) no-repeat center left","background-size":"13px 13px"})
              $(this).parent().css({"background":"url(../img/unchecked.jpg) no-repeat center left","background-size":"13px 13px"})
         }
         }
+        $('.sub').attr('disabled', true)
+        $('.sub').css({background: '#CCCCCC',border: 'none'})
+        var pp = $('#username').val();//手机号码
+        var mim = $('#userpassword').val();//密码
+        var mim2=$('#userpassword2').val();//密码
+        var toname = $('#business').val();//企业名称
+        var lxr = $('#linkman').val();//企业联系人
+        var zj=$('#man').val();//联系人
+        var yzm = $('#piccode').val();//验证码
+        var sjyzm = $('#photo_num').val();//手机验证码
+        var typel = $('#zhuangjia').prop("checked") ? '0' : '1';
+        var xieyi=$('#protocol').prop("checked");
+        if(typel==1){
+            if(pp!==''&&toname!==''&&lxr!==''&&mim!==''&& pass_pattern.test(mim) && sjyzm!==''&& yzm!==''&&pattern.test(pp)&&(mim==mim2)&&(xieyi==true)){
+                $('.sub').attr('disabled', false);
+                $('.sub').css({background: '#F18101',border: 'none'})
+            }
+        }
+        if(typel==0){
+            if(pp!==''&&zj!==''&&mim!==''&& pass_pattern.test(mim) && sjyzm!==''&& yzm!==''&&pattern.test(pp)&&(mim==mim2)&&(xieyi==true)){
+                $('.sub').attr('disabled', false);
+                $('.sub').css({background: '#F18101',border: 'none'})
+            }
+        }
     })
     })
+
     //表单验证
     //表单验证
     $('.sub').attr('disabled', true)
     $('.sub').attr('disabled', true)
     $('.sub').css({background: '#CCCCCC',border: 'none'})
     $('.sub').css({background: '#CCCCCC',border: 'none'})
@@ -76,6 +127,7 @@ import './public.js'
         $('.sub').css({background: '#CCCCCC',border: 'none'})
         $('.sub').css({background: '#CCCCCC',border: 'none'})
         var pp = $('#username').val();//手机号码
         var pp = $('#username').val();//手机号码
         var mim = $('#userpassword').val();//密码
         var mim = $('#userpassword').val();//密码
+        var mim2=$('#userpassword2').val();//密码
         var toname = $('#business').val();//企业名称
         var toname = $('#business').val();//企业名称
         var lxr = $('#linkman').val();//企业联系人
         var lxr = $('#linkman').val();//企业联系人
         var zj=$('#man').val();//联系人
         var zj=$('#man').val();//联系人
@@ -83,16 +135,14 @@ import './public.js'
         var sjyzm = $('#photo_num').val();//手机验证码
         var sjyzm = $('#photo_num').val();//手机验证码
         var typel = $('#zhuangjia').prop("checked") ? '0' : '1';
         var typel = $('#zhuangjia').prop("checked") ? '0' : '1';
         var xieyi=$('#protocol').prop("checked");
         var xieyi=$('#protocol').prop("checked");
-        console.log(xieyi);
-        console.log(typel);
         if(typel==1){
         if(typel==1){
-            if(pp!==''&&toname!==''&&lxr!==''&&mim!==''&& pass_pattern.test(mim) && sjyzm!==''&& yzm!==''&&pattern.test(pp)){
+            if(pp!==''&&toname!==''&&lxr!==''&&mim!==''&& pass_pattern.test(mim) && sjyzm!==''&& yzm!==''&&pattern.test(pp)&&(mim==mim2)&&(xieyi==true)){
                 $('.sub').attr('disabled', false);
                 $('.sub').attr('disabled', false);
                 $('.sub').css({background: '#F18101',border: 'none'})
                 $('.sub').css({background: '#F18101',border: 'none'})
             }
             }
         }
         }
         if(typel==0){
         if(typel==0){
-            if(pp!==''&&zj!==''&&mim!==''&& pass_pattern.test(mim) && sjyzm!==''&& yzm!==''&&pattern.test(pp)){
+            if(pp!==''&&zj!==''&&mim!==''&& pass_pattern.test(mim) && sjyzm!==''&& yzm!==''&&pattern.test(pp)&&(mim==mim2)&&(xieyi==true)){
                 $('.sub').attr('disabled', false);
                 $('.sub').attr('disabled', false);
                 $('.sub').css({background: '#F18101',border: 'none'})
                 $('.sub').css({background: '#F18101',border: 'none'})
             }
             }
@@ -106,7 +156,7 @@ import './public.js'
                 $(this).val('');
                 $(this).val('');
                 $(this).attr('placeholder', '请输入6-12位数密码');
                 $(this).attr('placeholder', '请输入6-12位数密码');
             } else if (!pass_pattern.test(pass1)) {
             } else if (!pass_pattern.test(pass1)) {
-                $(this).val('');
+                //$(this).val('');
                 $(this).attr('placeholder', '格式:字母、数字、下划线');
                 $(this).attr('placeholder', '格式:字母、数字、下划线');
             }
             }
         });
         });
@@ -120,10 +170,10 @@ import './public.js'
             var orepeat = $(this).val();
             var orepeat = $(this).val();
             var passw = $('#userpassword').val();
             var passw = $('#userpassword').val();
             if (passw !== orepeat) {
             if (passw !== orepeat) {
-                $(this).val('');
+                //$(this).val('');
                 $(this).attr('placeholder', '两次密码不相同')
                 $(this).attr('placeholder', '两次密码不相同')
             } else if (passw == '') {
             } else if (passw == '') {
-                $(this).val('');
+                //$(this).val('');
                 $(this).attr('placeholder', '请再次输入密码')
                 $(this).attr('placeholder', '请再次输入密码')
             }
             }
         });
         });
@@ -134,7 +184,7 @@ import './public.js'
             if ($(this).val() == '') {
             if ($(this).val() == '') {
                 $('#userpassword2').attr('placeholder', '请再次输入密码')
                 $('#userpassword2').attr('placeholder', '请再次输入密码')
             }else if(tt!==kk){
             }else if(tt!==kk){
-                $('#userpassword2').val('');
+               // $('#userpassword2').val('');
                 $('#userpassword2').attr('placeholder', '两次密码不相同')
                 $('#userpassword2').attr('placeholder', '两次密码不相同')
             }
             }
         })
         })
@@ -142,14 +192,25 @@ import './public.js'
     //手机号码
     //手机号码
     function photo1(){
     function photo1(){
         var pho_pattern=/^1[3|4|5|7|8][0-9]{9}$/;
         var pho_pattern=/^1[3|4|5|7|8][0-9]{9}$/;
+        $("#username").keyup(function(){
+            var phol= $(this).val();
+            console.log(pho_pattern.test(phol));
+            if(pho_pattern.test(phol)){
+                $('#photo').attr('disabled', false);
+                $("#photo").css("color","#F18101");
+            }else if(!pho_pattern.test(phol)){
+                $('#photo').attr('disabled', true);
+                $("#photo").css("color","#ccc");
+            }
+        });
         $('#username').blur(function () {
         $('#username').blur(function () {
-            var pho = $(this).val();
+            var pho= $(this).val();
             if (pho=='') {
             if (pho=='') {
                 $(this).val('');
                 $(this).val('');
                 $(this).attr('placeholder', '请输入您的手机号码');
                 $(this).attr('placeholder', '请输入您的手机号码');
 
 
             } else if (!pho_pattern.test(pho)) {
             } else if (!pho_pattern.test(pho)) {
-                $(this).val('');
+               // $(this).val('');
                 $(this).attr('placeholder', '请输入正确的手机号码');
                 $(this).attr('placeholder', '请输入正确的手机号码');
 
 
             }else if(pho_pattern.test(pho)){
             }else if(pho_pattern.test(pho)){
@@ -159,6 +220,7 @@ import './public.js'
         })
         })
     }
     }
     photo1();
     photo1();
+
     //手机号码验证
     //手机号码验证
     function photo_num(){
     function photo_num(){
         $('#photo_num').blur(function () {
         $('#photo_num').blur(function () {

+ 6 - 6
template/index.html

@@ -9,9 +9,9 @@
 	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
 	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
 	<meta http-equiv="x-ua-compatible" content="ie=edge">
 	<meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>首页</title>
     <title>首页</title>
-    <link rel="stylesheet" href="../src/css/bootstrap.css" />
-    <link rel="stylesheet" href="../src/css/public.css" />
-    <link rel="stylesheet" type="text/css" href="../src/css/index_home.css"/>
+    <!--<link rel="stylesheet" href="../src/css/bootstrap.css" />-->
+    <!--<link rel="stylesheet" href="../src/css/public.css" />-->
+    <!--<link rel="stylesheet" type="text/css" href="../src/css/index_home.css"/>-->
 </head>
 </head>
 <body>  	
 <body>  	
   	<header>
   	<header>
@@ -446,8 +446,8 @@
 		</div>
 		</div>
 		<img src="../img/login_close.png" alt="" class="login_close"/>
 		<img src="../img/login_close.png" alt="" class="login_close"/>
 	</div>
 	</div>
-	<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>
-	<script type="text/javascript" src="../src/js/index.js"></script>
-	<script type="text/javascript" src="../src/js/public.js"></script>
+	<!--<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>-->
+	<!--<script type="text/javascript" src="../src/js/index.js"></script>-->
+	<!--<script type="text/javascript" src="../src/js/public.js"></script>-->
 </body>
 </body>
 </html>
 </html>

File diff suppressed because it is too large
+ 101 - 5
template/registered.html