Untitled

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Control</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<script src="js/jquery-3.2.0.min.js"></script>
	<script src="js/validar.js"></script>

	<script type="text/javascript">
		function validarIndex() {
			var user = document.getElementById("txtUser").value;
			var pass = document.getElementById("txtPass").value;

			if ( user.trim() == "Duoc" && pass.trim() == "1234" ) {
				document.write("<h3 style='text-align:center;'>Usuario: " + user + "</h3>");
				document.write("<h3 style='text-align:center;'>Contraseña: " + pass + "</h3>");
				location.href="formulario.html";
				return true;
			} else if (pass.trim() != "1234") {
				alert("Contraseña Incorrecta!");
				return false;
			} else{
				alert("Usuario Incorrecto!");
				return false;
			}
		}
	</script>

</head>
<body style="background-color: #A9F5A9">
	<nav class="navbar navbar-inverse  navbar-fixed-top">
	  <div class="container-fluid">
	    <div class="navbar-header">
	      <a class="navbar-brand" href="resources.html">Resources</a>
	  	s</div>
	  </div>
	</nav>

	<div class="jumbotron">
		<h1 style="text-align: center;">Bienvenidos al Control</h1>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<center>
					<table class="" border="1" width="60%">
				    	<tr>
				    		<td>
							    <table class="table table-striped">
							    	<tr>
							    		<td>
							    			<form method="GET" action="formulario.html" onsubmit="return validarIndex();">
								    			<div class="form-group">
													<label for="txtUser">Usuario:</label>
												    <input type="text" class="form-control" name="txtUser" id="txtUser" placeholder="Ej: Claudio">
												</div>
												<div class="form-group">
													<label for="txtPass">Contraseña:</label>
												    <input type="password" class="form-control" id="txtPass" name="txtPass" placeholder="Ej: ********* ">
												</div>
												<center>
													<input type="reset" name="btnLimpiar" id="btnLimpiar" value="Limpiar" class="btn btn-danger">
													<input type="submit" name="btnEnviar" id="btnEnviar" value="Ingresar" class="btn btn-primary">
												</center>
							    			</form>
							    		</td>
							    		<td>
							    			<img src="img/candado.png" alt="" width="">
							    		</td>
							    	</tr>
							    </table>
				    		</td>
				    	</tr>
				    </table>
				    <br>
				</center>
			</div>
		</div>
	</div>
</body>
</html>