Il primo suggerimento è usare jQuery, aiuta molto in questo genere di operazioni.
Dopodiché avrai bisogno di assegnare un id alle caselle per la password, ad esempio:
Codice HTML:
<form ...>
...
<input type="password" name="pass" id="password" required>
<input type="password" name="passContr" id="password_check" required>
...
</form>
Quindi definisci in JavaScript una funzione che acceda alle caselle, controlli le password e mostri un messaggio di errore in caso di mancata corrispondenza, ad esempio nella console del browser:
Codice HTML:
<script>
function check_password() {
var password_field = $('#password');
var password_check_field = $('#password_check');
if (password_field.val() != password_check_field.val()) {
console.log("Le password non corrispondono.");
// alert("Le password non corrispondono.");
}
}
</script>
Infine registra un event listener in modo che il controllo parta, ad esempio appena la casella conferma password perde il focus:
Codice HTML:
<script>
$(function () {
$('#password_check').blur(check_password);
});
</script>