<?php
#Llamamos la conexion a la BD
require ('conexion.php');
#Query para select 'nivel de usuario'
$query_nivel = "SELECT id_nivel, nivel FROM Nivel_Usuarios ORDER BY nivel ASC";
$resultado = sqlsrv_query( $conn, $query_nivel );
if( $resultado === false)
{
die( print_r( sqlsrv_errors(), true) );
}
?>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="http://localhost:8000/Inventario/css/reset.css">
<link rel="stylesheet" href="http://localhost:8000/Inventario/css/estilos.css">
<link rel="stylesheet" type="text/css" href="js/alertifyjs/css/themes/default.css">
<link rel="stylesheet" type="text/css" href="js/alertifyjs/css/alertify.css">
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/alertifyjs/alertify.js"></script>
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.js"></script>
<script language="javascript" src="js/jquery-3.1.1.min.js"></script>
<script language="javascript" src="js/selects.js"></script>
<script language="javascript" src="js/confirma_pass.js"></script>
<script language="javascript" src="js/alertas_registro_usuario.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="forte.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<title>Registro de Usuarios</title>
</head>
<body>
<div class="container">
<div class="form__top">
<h2>Registro <span> de usuarios</span></h2>
</div>
<form class="form_reg" name="registro_usuarios" action="includes/guarda_usuarios.php" method="POST" autocomplete="off" onsubmit="verificarPasswords(); return false" >
<div class="caja">
<label> Nombre(s):</label> <br>
<input type="text" name="nombre" class="input" id="nombre" style="text-transform:uppercase;" required autofocus maxlength="20" placeholder="Ingrese su nombre completo">
<script>
document.getElementById("nombre").addEventListener("keypress",verificar);
function verificar(e)
{
if(e.key.match(/[a-zñçáéíóú.-\s]/i)===null)
{
e.preventDefault();
}
}
</script>
<label> Apellido paterno:</label> <br>
<input type="text" name="ap_paterno" class="input" id="ap_paterno" style="text-transform:uppercase;" required autofocus maxlength="20" placeholder="Ingrese su apellido paterno">
<script>
document.getElementById("ap_paterno").addEventListener("keypress",verificar);
function verificar(e)
{
if(e.key.match(/[a-zñçáéíóú.-\s]/i)===null)
{
e.preventDefault();
}
}
</script>
<label> Apellido materno:</label> <br>
<input type="text" name="ap_materno" class="input" id="ap_materno" style="text-transform:uppercase;" required autofocus maxlength="20" placeholder="Ingrese su apellido materno">
<script>
document.getElementById("ap_materno").addEventListener("keypress",verificar);
function verificar(e)
{
if(e.key.match(/[a-zñçáéíóú.-\s]/i)===null)
{
e.preventDefault();
}
}
</script>
<label> Username:</label> <br>
<input type="text" name="username" class="input" id="username" style="text-transform:lowercase;" required autofocus maxlength="20" placeholder="Ingrese un nombre de usuario para el sistema">
<script>
document.getElementById("username").addEventListener("keypress",verificar);
function verificar(e)
{
if(e.key.match(/[a-zñçáéíóú.-\s]/i)===null)
{
e.preventDefault();
}
}
</script>
<div> <label> Tipo de usuario :</label> <select class="select" name="tipo_usuario" id="tipo_usuario"><br>
<option value="0">Selecciona privilegios para este usuario</option>
<!--While donde se obtiene el resultado del query 'nivel usuario'-->
<?php while( $row = sqlsrv_fetch_array( $resultado, SQLSRV_FETCH_ASSOC) ) {?>
<!--Se imprime dentro del option resultado del query 'nivel usuario'-->
<option value="<?php echo $row['id_nivel']; ?>"><?php echo $row['nivel']; ?></option>
<?php } sqlsrv_free_stmt( $resultado);?>
</select>
</div>
<label> Correo: </label> <br>
<input type="text" name="correo" class="input" id="correo" style="text-transform:lowercase;" required autofocus maxlength="40" placeholder="Ingrese su cuenta de correo electronico" pattern="[a-zA-Z0-9.-_]+*@[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{1,5}">
<script>
document.getElementById("correo").addEventListener("keypress",verificar);
function verificar(e)
{
if(e.key.match(/[a-z0-9._@¿-]/i)===null)
{
e.preventDefault();
}
}
</script>
<label> Contraseña: </label> <br>
<input type="password" name="pwd" class="input" id="pwd" required autofocus maxlength="25" placeholder="Ingrese una contraseña segura">
<span id="passstrength"> </span>
<script>
document.getElementById("pwd").addEventListener("keypress",verificar);
function verificar(e)
{
if(e.key.match(/[A-Za-z0-9ñ._@-]/i)===null)
{
e.preventDefault();
}
}
</script>
<script>
$('#pwd').keyup(function(e) {
var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
var enoughRegex = new RegExp("(?=.{6,}).*", "g");
if (false == enoughRegex.test($(this).val())) {
$('#passstrength').html('La contraseña debe contener minimo 8 caracteres');
} else if (strongRegex.test($(this).val())) {
$('#passstrength').className = 'ok';
$('#passstrength').html('¡Contraseña Segura!');
} else if (mediumRegex.test($(this).val())) {
$('#passstrength').className = 'alert';
$('#passstrength').html('Seguridad intermedia');
} else {
$('#passstrength').className = 'error';
$('#passstrength').html('Contraseña debil. Como sugerencia debe contener una Mayuscula, un numero y un caracter especial.');
}
return true;
});
</script>
<br>
<br>
<label> Confirmar contraseña: </label> <br>
<input type="password" name="cfm_pwd" class="input" id="cfm_pwd" required autofocus maxlength="25" placeholder="Confirme su contraseña">
<script>
document.getElementById("cfm_pwd").addEventListener("keypress",verificar);
function verificar(e)
{
if(e.key.match(/[A-Za-z0-9ñ._@-]/i)===null)
{
e.preventDefault();
}
}
</script>
<label> Fecha de registro: </label> <br>
<input size="16" type="date" name="fecha_registro" class="input" id="fecha_registro" required autofocus>
<!--Botones Atras / Registrar -->
<div class="btn__form">
<input class="btn__reset" onClick="javascript:window.history.back();" type="button" name="atras" value="ATRAS">
<input class="btn__submit" type="submit" id="registrar" value="REGISTRAR">
</div>
</div>
</form>
</body>
</html>