Tenho mais de um Button dentro do form. E preciso que um deles ao clicado realize uma função javascript enquanto que o outro realize o submit. Mas acontece que os dois estão realizando o submit, e eu preciso que o button esteja dentro do formulario. O botão "Confirmar" realiza o submit e o outro deveria realizar a funcao olho(), mas ele tbm ta funcionando como submit, mesmo sendo do tipo button. Ai eu teria que impedir o evento submit e realizar a funcao olho(), mas nao to conseguindo fazer. Agradeço desde já.
function olho() {
if (document.getElementById('senha').type == 'password') {
document.getElementById('senha').type = 'text';
var img = document.getElementById('img-olho');
img.src = 'img/olho-fechado.svg';
} else {
document.getElementById('senha').type = 'password';
var img = document.getElementById('img-olho');
img.src = 'img/olho-aberto.svg';
}
}
<form id="form" method="POST" action="#">
<label id="label-user">Usuário:</label>
<input type="text" name="usuario" id="usuario" placeholder="Digite seu email..."><br>
<label id="label-senha">Senha:</label>
<input type="password" name="senha" id="senha" placeholder="Digite a senha...">
<button type="button" onclick="olho()" id="olho"><img id="img-olho" src="img/olho-aberto.svg"/></button>
<button type="submit" id="botao">Confirmar</button>
</form>