regist_btn color

app/views/account/login.html.erb

@@ -86,6 +86,9 @@
     }
 
     function register(){
+        if($("#loginUpButton").hasClass('loginUpDisableButton')){
+            return;
+        }
         if($login_correct && $mail_correct && $passwd_correct &&  $passwd_comfirm_correct && $("#read_and_confirm").attr("checked") == 'checked'){
             $("#main_reg_form").submit();
         }else{
@@ -182,6 +185,16 @@
                 $('#main_login_form').submit();
             }
         }
+
+        function changeRegisterBtn(checkbox){
+            if(checkbox.checked == true){
+                $("#loginUpButton").removeClass('loginUpDisableButton');
+                $("#loginUpButton").addClass('loginUpButton');
+            }else{
+                $("#loginUpButton").removeClass('loginUpButton')
+                $("#loginUpButton").addClass('loginUpDisableButton');
+            }
+        }
 </script>
 <div class="loginContentContainer">
   <div class="loginContent">
@@ -270,11 +283,11 @@
           </div>
               <div class="loginSignOption">
                 <div class="fl mt3 mr5">
-                  <input type="checkbox" id="read_and_confirm"/>
+                  <input type="checkbox" id="read_and_confirm" onchange="changeRegisterBtn(this);"/>
                 </div>
                 我已阅读并接受<a href="<%= agreement_path %>" class="newsBlue"><u>Trustie服务协议</u></a>条款</div>
-          <div class="loginUpButton">
+          <div class="loginUpDisableButton" id="loginUpButton">
-            <a href="javascript:void(0);" class="c_white db" id="regist_btn" onclick="register();">注册</a>
+            <a href="javascript:void(0);" class="c_white db" id="regist_btn" onclick="register();" >注册</a>
 
           </div>
           <% end %>

public/stylesheets/new_user.css

@@ -726,6 +726,8 @@ a.loginChooseTab {color:#484848; height:30px; display:block;}
 .loginUpButton {width:315px; height:40px; background-color:#269ac9; margin-left:46px; font-size:14px; text-align:center; line-height:40px; vertical-align:middle; margin-top:30px;}
 .loginInButton:hover {background-color: #297fb8}
 .loginUpButton:hover {background-color: #297fb8}
+.loginUpDisableButton {width:315px; height:40px; background-color:#C1C1C1; margin-left:46px; font-size:14px; text-align:center; line-height:40px; vertical-align:middle; margin-top:30px;}
+.loginUpDisableButton:hover {background-color: #C1C1C1}
 .loginChooseBorder {width:295px; height:30px; border-bottom:1px solid #e3e3e3;}
 .loginSign {width:405px; background-color:#ffffff;}
 .loginSignBox {width:308px; height:38px; margin-left:46px; border:1px solid #98a1a6; outline:none;}