Tenho uma página de login feita com HTML e CSS e preciso impedir o login nela com JavaScript sob certas condições, mas ainda não peguei muito a manha de como fazer isso. Estou procurando na internet, mas ainda não consegui fazer isso. No máximo consegui fazer o pop-up caso as condições não forem atendidas, mas não consegui impedir o login com o return false
.
As condições:
- A senha deve ser maior que 6 caracteres;
- O campo de e-mail não pode estar em branco;
Meu código HTML:
<html>
<head>
<meta charset="utf-8">
<title>
Login
</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body id="body">
<h1 id="titulo">
Logue-se por favor
</h1>
<form id="login-form">
<input id=email class=displayBlock type="email" placeholder="Email">
<input id="senha" class=displayBlock type="password" placeholder="Senha">
<label class=displayBlock >
<input type="checkbox"> Lembrar-me
</label>
<input id=entrar-btn type="submit" value="Entrar">
</form>
<script src="script.js"></script>
</body>
</html>
onsubmit
do formulário para validação?