<%@page contentType="text/html" pageEncoding="UTF-8"%>
    <% if (request.getSession().getAttribute("usuario") == null) {%>
    <a href="registro.jsp"> El registro comienza en esta pagina </a>
    <% } else { %>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="msapplication-tap-highlight" content="no">
  <title>Bappsket</title>


  <!-- CORE CSS-->
  <link rel="shortcut icon" href="img/favicon.ico"/>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection">
  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection">
    <!-- Custome CSS-->    
  <link href="css/page-center.css" type="text/css" rel="stylesheet" media="screen,projection">
  
</head>

<body class="blue darken-4">
<div id="registro-page" class="row">
    <div class="col s12 z-depth-4 card-panel">
        <form action="registro2" method="post" onsubmit="return validarRegistro2(this)">
            <div class="row margin">
                <div class="input-field col s12">
                    <i class="Small material-icons prefix">account_box</i>
                    <input id="nombre_club" name="nombre_club" type="text">
                    <label for="nombre_club" class="center-align">Nombre del club:</label>
                </div>
            </div>
            <div class="row margin">
                <button class="btn waves-effect waves-light col s12 orange darken-4" type="submit" id="registro2" name="registro2">Terminar registro
                </button>
            </div>
        </form>
    </div>
</div>
    
    <!-- ================================================
      Scripts
      ================================================ -->

    <!-- jQuery Library -->
    <script type="text/javascript" src="js/jquery.js"></script>
    <!--materialize js-->
    <script type="text/javascript" src="js/materialize.min.js"></script>
    <!---script comprobaciones --->
    <script type="text/javascrpit" src="js/validarFormulario.js"></script>
    <script>
        $( "#registro2" ).click(function() {
            if(($("#nombre_club").val() === "")){
                alert("El campo del nombre del club no puede estar vacio");
                return false;
            }else{
                return true;
            }
      });
    </script>


</body>

</html>
    
    
    
<!--    <div class="no_lateral">
    <script type="text/javascript" src="js/validarFormulario.js"></script>
        <form action="registro2" method="post" onsubmit="return validarRegistro2(this)">
            <table cellspacing="5" border="0">
            <tr>
                <td align="right">Nombre club:</td>
                <td><input type="text" name="nombre_club" id="nombre_club"></td>
            </tr>
                <td></td>
                <td><input type="submit"  value="Terminar Registro"></td>
            </tr>
            </table>
        </form>
    <% }%>
</div>-->