Vérification mot de passe et envoie formulaire

Bonsoir, j'ai ce code qui me permet de vérifier si le mot de passe est bien retaper.
Mais il n'empêche pas même si le mot de passe n'est pas valide, d'appuyer sur Envoyer.

Seriez-vous me m'aider a empêcher d'envoyer le formulaire si le vérification mot de passe n'est pas valide, Merci


<script>
function verif()
{
var val1 = document.getElementById("mp1").value,
val2 = document.getElementById("mp2").value,
result = document.getElementById("result");

if(val1!=val2){
result.innerHTML="Invalide !";
}
else {
result.innerHTML="Valide !";
}}
</script>



<form id="form" action="condition.html" method="post" class="stdform">
<p>
<input type="password" id="mp1" name="password" class="input-block-level" placeholder="Mot de passe" required />
</p>
<p>
<input type="password" id="mp2" onkeyup="verif();" name="password" class="input-block-level" placeholder="Vérification Mot de passe" required />
<div id="result"></div>

<button name="submit" class="btn btn-primary">Envoyer</button>
</p>
</form>