檢查2個字段值是否匹配

Question

我有一個JavaScript問題！

我想檢查用戶註冊是否與密碼字段匹配。我已經寫JavaScript代碼

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>"; 
    } 
} 

當我運行此功能的瀏覽器控制檯說，passcheck沒有定義...誰能幫助我？

的jsfiddle：https://jsfiddle.net/giokaxo/qxsyb1s4/

Answer 1

首先，在的jsfiddle你需要設置爲在head或在body結束你的代碼的位置。

其次，你的字符串中有不匹配的引號。試試這個：

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 fiddle

這裏是jQuery中的等價物：

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

Example fiddle

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>'); 
    } 
}