zengyitan
/
zytworld


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>后台管理系统 </title>

    <!-- Bootstrap -->
    <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- iCheck -->
    <link href="../vendors/iCheck/skins/flat/blue.css" rel="stylesheet">

    <!-- Custom Theme Style -->
    <link href="../src/css/common.css" rel="stylesheet">
  </head>
  <body class="container child_body">
    <div class="row">
      <div class="col-md-12">
        <!-- 搜索条件 -->
        <div class="x_panel">
          <div class="x_title">
            <h2>搜索条件</h2>
            <ul class="nav navbar-right panel_toolbox">
              <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
              </li>
            </ul>
            <div class="clearfix"></div>
          </div>
          <div class="x_content">
            <form class="form-horizontal form-label-left" id="demo-form" data-parsley-validate>
              <div class="col-md-10 col-md-offset-1">
                <div class="col-md-6">
                  <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">班级编号:</label>
                    <div class="col-md-8 col-sm-8 col-xs-12">
                      <input type="text" class="form-control" name="" placeholder="输入">
                    </div>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">班级名称:</label>
                    <div class="col-md-8 col-sm-8 col-xs-12">
                      <input type="text" class="form-control" name="" placeholder="输入">
                    </div>
                  </div>
                </div>
                <div class="clearfix"></div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="heard" class="control-label col-md-3 col-sm-3 col-xs-12"><span class="required">*</span> 选择框:</label>
                    <div class="col-md-5 col-sm-5 col-xs-12">
                      <select id="heard" class="form-control" required>
                        <option value="">请选择</option>
                        <option value="press">内容1223</option>
                        <option value="net">内容3234</option>
                        <option value="mouth">内容 of mouth</option>
                      </select>
                    </div>
                  </div>
                </div>
                <div class="col-md-6"></div>
                <div class="clearfix"></div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12"><span class="required">*</span> Gender:</label>
                    <div class="col-md-8 col-sm-8 col-xs-12">
                      <div class="radio pull-left">
                        <label>
                          <input type="radio" name="gender" id="genderM" value="M" checked="" required />男 
                        </label>
                      </div>
                      <div class="radio pull-left margin-left-10">
                        <label>
                          <input type="radio" name="gender" id="genderF" value="F" />女
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="clearfix"></div>
              <div class="ln_solid"></div>
              <div class="form-group no-margin-bottom">
                <div class="col-md-12 col-sm-12 col-xs-12 text-center">
                  <button class="btn btn-primary submit">提交</button>
                  <button class="btn btn-default">重置</button>
                </div>
              </div>
            </form>
          </div>
        </div>

        <!-- 搜索结果 -->
        <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-24">
            <div class="x_panel" id="resultLists">
              <div class="x_title">
                <h2>搜索结果列表 </h2>

                <div class="nav navbar-right">
                  <ul class="nav navbar-right panel_toolbox">
                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                    </li>
                  </ul>
                </div>
                <div class="clearfix"></div>
              </div>

              <div class="x_content">
                <ul class="lists list-unstyled">
                  <li>
                    <a href="#">
                      <div class="col-md-8 col-sm-8 col-xs-20">
                        <h2 class="title">Who Needs Sundance When You’ve Got Crowdfunding?</h2>
                        <p class="excerpt">
                          Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a href="#">Read More</a>
                        </p>
                        <div class="byline">
                          <span>13 hours ago</span>
                          by
                          <a href="#">Jane Smith</a>
                        </div>
                      </div>
                      <div class="clearfix"></div>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="col-md-2 col-sm-2 col-xs-12">
                        <img src="../static/images/media.jpg" width="100%">
                      </div>
                      <div class="col-md-8 col-sm-8 col-xs-20">
                        <h2 class="title">Who Needs Sundance When You’ve Got Crowdfunding?</h2>
                        <p class="excerpt">
                          Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a href="#">Read More</a>
                        </p>
                        <div class="byline">
                          <span>13 hours ago</span>
                          by
                          <a href="#">Jane Smith</a>
                        </div>
                      </div>
                      <div class="clearfix"></div>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="col-md-2 col-sm-2 col-xs-12">
                        <img src="../static/images/media.jpg" width="100%">
                      </div>
                      <div class="col-md-8 col-sm-8 col-xs-20">
                        <h2 class="title">Who Needs Sundance When You’ve Got Crowdfunding?</h2>
                        <p class="excerpt">
                          Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a href="#">Read More</a>
                        </p>
                        <div class="byline">
                          <span>13 hours ago</span>
                          by
                          <a href="#">Jane Smith</a>
                        </div>
                      </div>
                      <div class="clearfix"></div>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- jQuery -->
    <script src="../vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- FastClick -->
    <script src="../vendors/fastclick/lib/fastclick.js"></script>
    <!-- iCheck -->
    <script src="../vendors/iCheck/icheck.min.js"></script>
    <!-- jQuery Tags Input -->
    <script src="../vendors/jquery.tagsinput/src/jquery.tagsinput.js"></script>
    <!-- Parsley -->
    <script src="../vendors/parsleyjs/dist/parsley.min.js"></script>
    <script src="../vendors/parsleyjs/dist/i18n/zh_cn.js"></script>

    <!-- common -->
    <script src="../src/js/common.js"></script>

    <script type="text/javascript">
      /* PARSLEY */
      /* 参考 http://parsleyjs.org/ */
      function init_parsley() {
        
        if( typeof (parsley) === 'undefined'){ return; }
        console.log('init_parsley');
        
        $('parsley:field:validate', function() {
          validateFront();
        });
        $('#demo-form .submit').on('click', function() {
          $('#demo-form').parsley().validate();
          validateFront();
        });
        var validateFront = function() {
          // 验证做
          console.log('validateFront');
        };
        
        // 监听验证成功
        $('parsley:field:success', function() {
          /* form submit */
          $('#demo-form').submit(function() {
            console.log('form submit!');

            $('#resultLists').addClass('show');
            // 阻止跳转
            return false;
          })
        });
        
      };

      $(document).ready(function() {
        init_parsley();

      })
    </script>
  </body>
</html>