Question

Two entered passwords should be the same, and I want to display a notification when they’re not matching. The target is to display the notification during typing and not after pressing the save Button.

I am new to javascript and I have also tried the functionname function() notation.

following js:

function updateError (error) {
if (error == true) {
    $(".error").hide(500);
}else{
 $(".error").show(500);
}
};

function checkSame() {
   var passwordVal = $("input[name=password-check]").val();
   var checkVal = $("input[name=password]").val();
   if (passwordVal == checkVal) {
     return true;
   }
   return false;
};


document.ready(function(){
 $("input[name=password-check]").keyup(function(){updateError(checkSame());});
 $("input[name=password]").keyup(function(){updateError(checkSame());});
});

and HTML:

 @Html.Password("password") 
 @Html.Password("password-check")     
 <span class="error">Errortext</span> </td></tr>

but it doesn’t works..
Thx!

Edit:
Now i’ve changed the JS code to:

$(“input[name=password-check]”).keyup(function(){updateError(checkSame());});
$(“input[name=password]”).keyup(function(){updateError(checkSame());});

–> now it works, but only once, after the user typed a matching password, validation stops working

Solved, problem was Quoting:

$("input[name='password-check']").keyup(function(){updateError(checkSame());});
$("input[name='password']").keyup(function(){updateError(checkSame());});

Answer 1

You are doing opposite

if (error == true) {
    $(".error").show(500);
}else{
 $(".error").hide(500);
 }

Edit as per comment :

Try placing name within quotes like

$("input[name='password-check']").keyup(function(){updateError(checkSame());});
$("input[name='password']").keyup(function(){updateError(checkSame());});