Bom dia agradeceria ajuda para entender um comportamento que não deveria estar ocorrendo. Quando a função validarSenha é acionada, em caso de senhas diferentes o alert é disparado, ok. Mas ao clicar no ok do alert ele encaminha para a pagina login.php, o qual deveria somente ser acionada se a função for validada.
<script>
function validarSenha(){
SuaSenha = document.getElementById('SuaSenha').value;
CSuaSenha = document.getElementById('CSuaSenha').value;
if (SuaSenha !== CSuaSenha) {
alert("SENHAS DIFERENTES!\nFAVOR DIGITAR SENHAS IGUAIS");
}else{
document.FormSenha.submit();
}
}
</script>
</head>
<body>
<main class="container">
<?php if(isset($_GET["login"]) && $_GET["login"]==false){?>
<center><div class="alert alert-danger" role="alert">
<div class="container">
<div class="alert-icon">
<i class="now-ui-icons travel_info"></i>
</div>
<strong>Usuário e/ou Senha Inválidos</strong>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">
<i class="now-ui-icons ui-1_simple-remove"></i>
</span>
</button>
</div>
</div></center>
<?php }?>
<div class="row">
<div class="col-md-6">
<h4>    Login para iniciar</h4>
<!-- formulario de login -->
<form action="php/login.php" method="post">
<div class="form-group col-md-8">
<input class="form-control" type="text" name="login" placeholder="E-mail" required>
</div>
<div class="form-group col-md-8">
<input class="form-control" type="password" name="senha" placeholder="Senha" required>
</div>
<div class="form-group col-md-8">
<input type="submit" style="float: right;" class="btn btn-primary" value="Entrar">
</div>
</form>
</div>
<!-- fim do formulário de login -->
<!-- inicio do formulario de registro -->
<div class="col-md-6" id="FormSenha">
<h4>    Ainda não tem uma conta?<br>
   Registre-se! É Gratuíto!</h4>
<form action="adiciona-primeiroperfil.php" method="post" >
<div class="form-group col-md-8">
<input name="nome" class="form-control" type="text" placeholder="Nome Completo" >
</div>
<div class="form-group col-md-8">
<input type="email" name="email" class="form-control" placeholder="E-mail" required>
</div>
<div class="form-group col-md-8">
<input type="password" name="senha" class="form-control" id="SuaSenha" placeholder="Senha" required>
</div>
<div class="form-group col-md-8">
<input type="password" name="confirma" class="form-control" id="CSuaSenha" placeholder="Confirmar Senha" required>
</div>
<div class="form-group col-md-8" >
<input type="submit" style="float: right;" class="btn btn-success" onClick="validarSenha()" value="Registrar">
</div>
<!-- ./register form -->
</form>
</div>
</div>
</main>
<!-- ./main -->
</body>
