Checking whether the value of field 2 matches

Question

I have one problem with javascript!

I want to check the user registration if the password fields match. I wrote javascript code

function passcheck(){
    var pass = document.getElementById("pass").value;
    var passverify = document.getElementById("passverify").value;
    if (pass == passverify) {
        document.getElementById("pver").innerHTML = "<font color="green">პაროლები ემთხვევა!</font>";
    }
    else {
        document.getElementById("pver").innerHTML = "<font color="red">პაროლები არ ემთხვევა!</font>";
    }
}

When I launched this function, it was indicated in the browser browser that it was passchecknot defined ... can someone help me?

JSFiddle: https://jsfiddle.net/giokaxo/qxsyb1s4/

Answer 1

First, in jsFiddle, you need to set the location of your code either at heador at the end body.

Secondly, you have invalid string matches. Try the following:

function passcheck() {
    var pass = document.getElementById("pass").value;
    var passverify = document.getElementById("passverify").value;
    if (pass == passverify) {
        document.getElementById("pver").innerHTML = '<font color="green">პაროლები ემთხვევა!</font>';
    } else {
        document.getElementById("pver").innerHTML = '<font color="red">პაროლები არ ემთხვევა!</font>';
    }
}

Updated script

Here is the equivalent in jQuery:

$('#passverify').change(function() {
    if ($('#pass').val() == $('#passverify').val()) {
        $("#pver").html('<font color="green">პაროლები ემთხვევა!</font>');
    } else {
        $("#pver").html('<font color="red">პაროლები არ ემთხვევა!</font>');
    }
});

Script example

Answer 2

, .

'<font color="green">პაროლები ემთხვევა!</font>';
'<font color="red">პაროლები არ ემთხვევა!</font>';

"<font color='green'>პაროლები ემთხვევა!</font>";
"<font color='red'>პაროლები არ ემთხვევა!</font>";

JQuery, :

function passcheck() {
    var pass = $("#pass").val();
    var passverify = $("#passverify").val();
    if (pass == passverify) {
        $("#pver").html('<font color="green">პაროლები ემთხვევა!</font>');
    } else {
        $("#pver").html('<font color="red">პაროლები არ ემთხვევა!</font>');
    }
}