登陆TAB

<div class="addcontent">
    <!--登录-->
<div class="modal fade" style="display:block;top:100px;overflow: visible; opacity: 1; position: relative; margin-bottom: 100px;">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
        <h4 class="modal-title">欢迎回到Zhongkefu</h4>
      </div>
      <div class="modal-body">
        <div class="row">
           <style>
           .tab_ti{ height:50px; border-bottom:solid #e5e5e5 1px; width:100%; line-height:50px; font-size:16px; color:#666; float:left; margin-bottom:20px;}
            .tab_unit{ text-align:center; float:left; width:50%; cursor:pointer;}
            .tab_unit_yes{  border-bottom:solid #2c74c0 3px; color: #2c74c0; margin-top:-1px;}
           .tab_con{ clear:both;display: none;}
           .tab_con2{
                   display:list-item;
           }
           </style>
        
          <div class="tab_ti">
              <div class="col-md-8 col-md-offset-2 addtable">
                <div class="tab_unit tab_unit_yes">普通账号登录</div>
                <div class="tab_unit">手机验证码登录</div>
            </div>
          </div>   
          <div class="tabdd">
              <div class="col-md-8 col-md-offset-2 tab_con tab_con2">
            <form id="subformlogin" method="post">
                  <input type="hidden" name="ac_id" value="">
                  <input name="_csrf" type="hidden" value="ZWRuYnh5bVgNNl0MDC4FMwdWCiArOwYVUhBXExEuAREfNSIEESA9bQ==">
              <div class="form-group">
                <label for="exampleInputEmail1">用户名</label>
                <input type="email" class="form-control" id="user" placeholder="请输入用户名" name="username">
              </div>
              <div class="form-group">
                <label for="exampleInputPassword1">密码</label>
                <input type="password" class="form-control" id="passw" placeholder="请输入密码" name="password">
              </div>
              <div class="col-md-6 col-xs-6">
                  <div class="checkbox">
                    <label>
                      <input type="checkbox" id="tiao" name="rememberMe">记住密码
                    </label>
                  </div>
              </div>
              <div class="col-md-6 col-xs-6" style="text-align:right; line-height:40px;">
                       <a href="">找回密码</a>
              </div>
            </form>
          </div>        
          <div class="col-md-8 col-md-offset-2 tab_con">
            <form action="/auth/loginmeeting.html" id="subformlogin2" method="post">
                  <input type="hidden" name="ac_id" value="73">
                  <input name="_csrf" type="hidden" value="ZWRuYnh5bVgNNl0MDC4FMwdWCiArOwYVUhBXExEuAREfNSIEESA9bQ==">
              <div class="form-group">
                  <div class="col-md-12 np">
                    <label for="exampleInputEmail1">手机号</label>
                </div>
                
                  <div class="col-md-9 col-xs-9 np">
                    <input type="text" id="phone" class="form-control" style="width:98%;" placeholder="请输入您的手机号码" name="username">
                </div>
                  <div class="col-md-3 col-xs-3 np">
                     <button class="btn btn-default msgs" type="button" style="background:#2c74c0; color:#fff;">获取验证码</button>
                </div>                
              </div>
              <div class="form-group">
                  <div class="col-md-12 np" style="margin-top:15px;">
                    <label for="exampleInputPassword1">验证码</label>
                </div>
                  <div class="col-md-12 np">
                    <input type="text" class="form-control" id="code" placeholder="请输入验证码" name="code">
                </div>
              </div>
            </form>
          </div>
          </div>

          
        </div>

      </div>
      <div class="modal-footer">
        <button type="button" id="loginlp" class="btn btn-primary">登录</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!--登录END-->
<script>
           var check_num=0;
           var pattern = /^1[0-9]{10}$/;
                $(function(){
                    tabs('.tab_unit','tab_unit_yes','.tab_con');                    
                      $(".tab_unit").click(function(){
                        check_num=$(this).index();
                         //alert(check_num);
                      })
                      $("#loginlp").click(function(){
                        if(check_num==0){

                          var hasChk = $('#tiao').is(':checked');
                          if($("#user").val()==""){
                              alert("请输入用户名！");
                              return false;
                          }
                          if($("#passw").val()==""){
                              alert("请输入密码！");
                              return false;
                          }
                          $("#subformlogin").submit();
                        }
                        else{
                          if($("#phone").val()==""){
                              alert("请输入手机号！");
                              return false;
                          }

                          if (!pattern.test($("#phone").val())) {
                              alert('请输入正确的手机号码');
                              return false;
                          }      

                          if($("#code").val()==""){
                              alert("请输入验证码！");
                              return false;
                          }
                          $("#subformlogin2").submit();
                        }
                      })

                })
                
                function tabs(tabTit,on,tabCon){        
                    $(tabTit).click(function(){
                        $(this).addClass(on).siblings().removeClass(on);            
                        var index = $(tabTit).index(this);            
                           $(tabCon).eq(index).show().siblings().hide();               
                    });
                };
        
        

</script>
</div>