Problema: Validação de senha limpa a tela

Front-end
#1

Estou com a seguinte situação:

Criei um formulário de cadastro e neste existe o campo para validação de senha. Porém, ao clicar no botão para validar a senha, se esta não corresponder à senha anterior, aparece uma mensagem de erro na tela, e o formulário é completamente limpo. :frowning:
Como eu faço pra mudar isso? Eu queria que continuasse na tela e só alterasse a senha…

OBS.: Estou usando o formulário em um modal JavaScript.

Segue trecho do código para mais informações:

`

                                <div class="form-group">
                                    <label for="password">Senha</label>
                                    <input name="password1" id="password" class="form-control" type="password" />
                                </div>

                                <div class="form-group">
                                    <label for="check-password">Confirmar senha</label>
                                    <input name="password2" id="check-password" class="form-control" type="password" />
                                </div>
                                <button type="submit" class="btn btn-primary pull-right" onclick="validatePassword()">
                                    <span class="glyphicon glyphicon-floppy-disk"></span>
                                    Gravar
                                </button>

`

`

<script>
    function validatePassword() {
        password1 = document.register.password1.value
        password2 = document.register.password2.value

        if (password1 !== password2)
            alert("As senhas não correspondem. Digite novamente.")
    }
</script>

`

#2

você tentou isto:

password1 = document.getElementById("password").value password2 = document.getElementById("check-password").value

?