Eu estou com um problema, Eu quero que antes de dar submit execute validarsenha();
<div class="nova-conta">
<h2>Cadastre-se</h2>
<form onsubmit="validarsenha()" method="POST" action="cadastro.php" name="novocadastro" >
<div class="form-group">
<label for="email" class="control-label">E-mail:</label>
<input type="email" name="f_email" placeholder="Digite seu E-mail" class="form-control" id="email" data-error="Por favor, informe um e-mail correto." required>
</div>
<div class="form-group">
<label for="senha" class="control-label">Senha:</label>
<input type="password" name="f_senha" placeholder="Digite sua Senha" class="form-control" id="f_senha" size="20" required>
</div>
<div class="form-group">
<label for="senha" class="control-label">Repita a senha:</label>
<input type="password" name="f_senhaconfirma" placeholder="Confirme Senha" class="form-control" id="f_senhaconfirma" size="20" required>
</div>
<div id="btn-conta">
<a href="Index.html" class="btn btn-default"> Cancelar</a>
<button type="submit" onclick="return validarsenha()" class="btn btn-primary">Cadastrar</button>
</div>
</form>
</div>
Lembrando q eu to chamando essa funcao
function validarsenha(){
var senha=novocadastro.f_senha.value;
var rep_senha=novocadastro.f_senhaconfirma.value;
if(senha == "" || senha.length < 5){
alert (`Preencha o campo senha com no minimo 6 caracteres`)
novocadastro.f_senha.focus();
return false;
}
if(rep_senha == "" || rep_senha.length < 5){
alert (`Preencha o campo confirma senha com no minimo 6 caracteres`)
novocadastro.f_senhaconfirma.focus();
return false;
}
if(senha != rep_senha){
alert (`As senhas sao diferentes!`)
novocadastro.f_senhaconfirma.focus();
return false;
}
}
Ele sempre ta indo para o PHP, e nao executa a função validar. Alguem sabem como posso resolver esse meu problema?
var senha = document.getElementById('f_senha').value;