435175b1e2
Se modifica front page con el index que trae Martin Reiris Se valida completamente el formulario de registro(tanto captcha como lo demas) Se crean las paginas con php y se usa include_once para no tener que repetir el header, footer y demas
210 lines
11 KiB
HTML
210 lines
11 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
|
|
<head>
|
|
<title>6to CUM - Registro</title>
|
|
<meta name="description" content="formulario de regsitro,inscripcion al sexto coloquio uruguayo de matemática" />
|
|
<meta name="keywords" content="inscripción inscribirse registrarse, registro sexto coloquio uruguayo matematica" />
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" type="image/x-icon" href="favicon.ico" />
|
|
<link rel="alternate" href="http://6coloquio.cmat.edu.uy" hreflang="es-uy" />
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
|
<link rel="stylesheet" type="text/css" href="style/style.css" />
|
|
|
|
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
|
|
|
|
<script type="text/javascript" src="js/app.js"></script>
|
|
<script src='https://www.google.com/recaptcha/api.js?hl=es'></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="main">
|
|
<header id="header"></header>
|
|
<div id="site_content" class="container">
|
|
<div class="row">
|
|
<div id="content" class="col-xs-12 col-sm-8">
|
|
<h1>Registrarse</h1>
|
|
|
|
<form id="registerform" action="register.php" method="post" class="form-horizontal">
|
|
<div class="form-group">
|
|
<label class="control-label col-sm-2" for="txtnombre">Nombre:</label>
|
|
<div class="col-sm-8">
|
|
<input id="txtnombre" class="form-control" name="nombre"
|
|
placeholder="Juan" type="text" pattern="^[a-zA-Z][a-zA-Z\s\-.'`áéíóú]*[a-zA-Z]$" required>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-sm-2" for="txtapellido">Apellido:</label>
|
|
<div class="col-sm-8">
|
|
<input id="txtapellido" class="form-control" name="apellido"
|
|
placeholder="Perez" type="text" pattern="^[a-zA-Z][a-zA-Z\s\-.'`áéíóú]*[a-zA-Z]$" required>
|
|
</div>
|
|
</div>
|
|
<!-- Selector de Documento mas nro-->
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 control-label" for="txtdocnro">Documento:</label>
|
|
<div class="col-sm-8">
|
|
<div class="input-group">
|
|
<div class="input-group-btn">
|
|
<button id="btntipodoc" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Tipo <span class="caret"></span></button>
|
|
<ul id="tipodoc" class="dropdown-menu">
|
|
<li><a href="#">C.I.</a></li>
|
|
<li><a href="#">Otro</a></li>
|
|
</ul>
|
|
<input id="txttipodoc" name="doctype" type="hidden">
|
|
</div><!-- /btn-group -->
|
|
|
|
<input id="txtdocnro" name="docnro" class="form-control"
|
|
placeholder="Seleccione Tipo de Documento..." type="text" required>
|
|
</div><!-- /input-group -->
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 control-label" for="txtdir">Pais:</label>
|
|
<div class="col-sm-2">
|
|
<button id="btnpais" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pais <span class="caret"></span></button>
|
|
<ul id="lstpais" class="dropdown-menu">
|
|
<li><a href="#">Uruguay</a></li>
|
|
<li><a href="#">Alemania</a></li>
|
|
<li><a href="#">Austria</a></li>
|
|
<li><a href="#">Argentina</a></li>
|
|
<li><a href="#">Bolivia</a></li>
|
|
<li><a href="#">Brasil</a></li>
|
|
<li><a href="#">Canadá</a></li>
|
|
<li><a href="#">Chile</a></li>
|
|
<li><a href="#">Colombia</a></li>
|
|
<li><a href="#">Ecuador</a></li>
|
|
<li><a href="#">España</a></li>
|
|
<li><a href="#">Estados Unidos</a></li>
|
|
<li><a href="#">Francia</a></li>
|
|
<li><a href="#">Inglaterra</a></li>
|
|
<li><a href="#">Italia</a></li>
|
|
<li><a href="#">México</a></li>
|
|
<li><a href="#">Paraguay</a></li>
|
|
<li><a href="#">Perú</a></li>
|
|
<li><a href="#">Suiza</a></li>
|
|
<li><a href="#">Venezuela</a></li>
|
|
<li><a href="#">Otro</a></li>
|
|
</ul>
|
|
<input id="txtpais" name="pais" type="hidden">
|
|
</div>
|
|
<label class="col-sm-2 control-label" for="txtciudad">Ciudad:</label>
|
|
<div class="col-sm-4">
|
|
<input id="txtciudad" name="ciudad" class="form-control"
|
|
placeholder="Montevideo" type="text" required>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-sm-2" for="txtdir">Dirección:</label>
|
|
<div class="col-sm-8">
|
|
<input id="txtdir" class="form-control" name="dir"
|
|
placeholder="18 de Julio 1432 apto 302" type="text" required>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-sm-2" for="txttel">Teléfono:</label>
|
|
<div class="col-sm-8">
|
|
<input id="txttel" class="form-control" name="tel"
|
|
placeholder="099123456" type="text" required>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-sm-2" for="txtmail">Email:</label>
|
|
<div class="col-sm-8">
|
|
<input id="txtmail" class="form-control" name="email"
|
|
placeholder="mail@example.com" type="email" required>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-sm-2" for="txtprof">Profesión:</label>
|
|
<div class="col-sm-8">
|
|
<input id="txtprof" class="form-control" name="profesion"
|
|
placeholder="Profesor, Docente o Estudiante, etc" type="text" pattern="[a-zA-Z]*" required>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 control-label" for="btntrabaja">Sector:</label>
|
|
<div class="col-sm-8">
|
|
<button id="btntrabaja" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Seleccione <span class="caret"></span></button>
|
|
<ul id="lsttrabaja" class="dropdown-menu">
|
|
<li><a href="#">Primaria</a></li>
|
|
<li><a href="#">Secundaria</a></li>
|
|
<li><a href="#">Universidad</a></li>
|
|
<li><a href="#">UTU</a></li>
|
|
<li><a href="#">UTEC</a></li>
|
|
<li><a href="#">IPA/CERP</a></li>
|
|
<li><a href="#">Otros Privado</a></li>
|
|
<li><a href="#">Otros Público</a></li>
|
|
</ul>
|
|
<input id="txttrabaja" name="trabaja" type="hidden">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-sm-2" for="sifinan">¿Necesita financiación?</label>
|
|
<div class="col-sm-8">
|
|
<label class="radio-inline"><input id="sifinan" type="radio" name="financiacion" value="si">Sí</label>
|
|
<label class="radio-inline"><input id="nofinan" type="radio" name="financiacion" value="no">No</label>
|
|
|
|
</div>
|
|
</div>
|
|
<div id="detallefinan" class="form-group">
|
|
<label class="control-label col-sm-2" for="txtfinan">Detalle estimación de costo:</label>
|
|
<div class="col-sm-8">
|
|
<textarea id="txtfinan" class="form-control" name="detallefinan" rows="10" style="height:200px;" placeholder="Haga una breve aclaración de la solicitud incluyendo costos estimados">
|
|
</textarea>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="g-recaptcha col-sm-8 col-sm-offset-2" data-sitekey="6LeLxy4UAAAAALcrNXxcOiW1B3QgcfgZ6u4l52kZ" data-callback="onReturnCallback"></div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-sm-8 col-sm-offset-2">
|
|
<button type="submit" class="btn-lg btn btn-primary">Registrar</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<p class="text-danger">
|
|
<strong>*</strong> si por alguna razón necesita registrarse nuevamente, llene el formulario de nuevo y se tendrá en cuenta el último de los registros.
|
|
</p>
|
|
<div id="statusmsg" class="alert alert-success">
|
|
<strong>Success!</strong> Indicates a successful or positive action.
|
|
</div>
|
|
<!--<div id="myModal" class="modal fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
<!-- Modal content-->
|
|
<!--<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
<h4 class="modal-title">Revise sus datos cuidadosamente y confirme</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Some text in the modal.</p>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Sí
|
|
</button>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">No
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>-->
|
|
</div>
|
|
<div id="sidebar" class="sidebar col-xs-12 col-sm-4"></div>
|
|
</div>
|
|
</div>
|
|
<footer id="footer">
|
|
|
|
</footer>
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|