Tengo dos entradas, por ej.

pass:       <input type="password" name="pass" required/>
pass again:  <input type="password" name="pass2" required/>

y quiero comparar estas entradas, y si coinciden, establezca la entrada como válida. Probé esto, pero creo queprop('valid', true); No funciona:

$(document).ready(function() {
    $('input[name=pass2]').keyup(function() {
        if($('input[name=pass]').val() == $('input[name=pass2]').val()) {
            $('#pass_hint').empty();
            $('#pass_hint').html('match');
            $(this).prop('valid', true);
        } else {
            $('#pass_hint').empty();
            $('#pass_hint').html('mismatch');
            $(this).prop('invalid', true);
        }
    });
});

Creo un formulario de registro y si las contraseñas no son las mismas, el campo de entrada no es válido, no puedo enviar esto y mostrarme alguna sugerencia. ... y no sé cómo configuro esta entrada como no válida