Clever Geek Handbook

Check if passwords match jQuery

I am trying to test two inputs to match each other using jquery and I couldn't find a way to do this. I can't get jquery to get the values ​​of the two inputs, so it can't check if they don't match. input is done using a code, so for those who are not familiar with it - the identifier of the first input is "pass", and the second is "pass2"

<tr>
            <td>choose a password:</td>
            <td><?= form_password('password', '', 'placeholder="choose a password" required="required" id="pass"') ?></td>
        </tr>
        <tr>
            <td>re-type the password:</td>
            <td><?= form_password('password2', '', 'placeholder="re-type your password" required="required" id="pass2"') ?></td>
        </tr>

script -

$(document).ready(function(){
    var pass = $('#pass').val();
    var pass2 = $('#pass2').val();

    $('#pass2').focusout(function(){
        if(pass != pass2){
            alert('the passwords didn\'t match!');
        }

    });
});
+3


source to share


2 answers


because you are reading the values ​​in the finished document, not when the user changed them. Move it inside focus.



$(document).ready(function(){
    $('#pass2').focusout(function(){
        var pass = $('#pass').val();
        var pass2 = $('#pass2').val();
        if(pass != pass2){
            alert('the passwords didn\'t match!');
        }

    });
});
+10


source


Since you need to write your code like



$('#pass2').focusout(function(){
    // get values on the focusout event
    var pass = $('#pass').val();
    var pass2 = $('#pass2').val();
    // test them...
    if(pass != pass2){
        alert('the passwords didn\'t match!');
    }

});
+4


source






More articles:


All Articles