63 lines
2.2 KiB
HTML
63 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pt-br">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Cadastro</title>
|
|
<link rel="stylesheet" href="cadastro.css">
|
|
<link rel="icon" href="imagens/icone.png">
|
|
</head>
|
|
<body>
|
|
<!-- Barrinha que fica no topo -->
|
|
<div id="topo">
|
|
<h1 id="textotop">Focus Agenda</h1>
|
|
</div>
|
|
|
|
<!-- Cadastro -->
|
|
<div id="log">
|
|
<h1 class="mens">Crie Sua Conta</h1>
|
|
|
|
<form id="cadastroForm" method="GET" action="login.html">
|
|
<div class="campo">
|
|
<label for="emailid">Email</label>
|
|
<input type="email" placeholder="Digite seu email" name="email" id="emailid" autocomplete="email" required>
|
|
</div>
|
|
|
|
<div class="campo">
|
|
<label for="nomeid">Nome</label>
|
|
<input type="text" placeholder="Nome de usuario" name="user" id="nomeid" autocomplete="name" required>
|
|
</div>
|
|
|
|
<div class="campo">
|
|
<label for="senhaid">Senha</label>
|
|
<input type="password" placeholder="Digite sua senha" name="senha" id="senhaid" autocomplete="new-password" required>
|
|
</div>
|
|
|
|
<div class="campo">
|
|
<label for="csenhaid">Confirmar Senha</label>
|
|
<input type="password" placeholder="Confirme sua senha" name="csenha" id="csenhaid" autocomplete="new-password" required>
|
|
</div>
|
|
|
|
<button type="submit" id="logbtn">Cadastrar</button>
|
|
</form>
|
|
|
|
<p class="mens"><a href="login.html" id="linklog">Ja tem uma conta?</a></p>
|
|
</div>
|
|
|
|
<script>
|
|
const cadastroForm = document.getElementById("cadastroForm");
|
|
const senhaInput = document.getElementById("senhaid");
|
|
const confirmarSenhaInput = document.getElementById("csenhaid");
|
|
|
|
cadastroForm.addEventListener("submit", (event) => {
|
|
if (senhaInput.value !== confirmarSenhaInput.value) {
|
|
event.preventDefault();
|
|
alert("As senhas nao conferem.");
|
|
confirmarSenhaInput.focus();
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|