パスワード一致ツールチップが動作しない

Question

私の問題は、パスワードが確認パスワードと一致しないときにテキストフィールドにツールチップを表示したいということです。

これは私のツールチップのコードです。他は機能していますが、パスワードのマッチングはここ

function validateContact() { 
    var valid = true; 
    $("#container input[required=true], #container textarea[required=true]").each(function(){ 
    $(this).removeClass('invalid'); 
    $(this).attr('title',''); 
    if(!$(this).val()){ 
     $(this).addClass('invalid'); 
     $(this).attr('title','This field is required'); 
     valid = false; 
    } 
    if($(this).attr("type")=="email" && !$(this).val().match(/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/)){ 
     $(this).addClass('invalid'); 
     $(this).attr('title','Enter valid email'); 
     valid = false; 
    } 

// for password match 
     if ($("#Password").val() != $("#ConfirmPassword").val()) {  

      $(this).addClass('invalid'); 
      $(this).attr('title','Password does not Match'); 
      valid = false; 
    } 
// end of password match 

    }); 
    return valid; 
} 

    $(function() { 
    $(document).tooltip({ 
    position: {my: "left top", at: "right top"}, 
    items: "input[required=true], textarea[required=true]", 
     content: function() { return $(this).attr("title"); } 
    }); 
    }); 

は私のフォームコードではありません。

<input type="password" class="form-control" id="Password" tabindex=7 name="Password" placeholder="Password" required="true" > 

<input type="password" class="form-control" id="ConfirmPassword" tabindex=8 name="ConfirmPassword" placeholder="Confirm Password" required="true"> 

私はこれを解決するためにいくつかの助けを必要としています。

Answer 1

ValidateContract関数の内部にリスナーがありますか？あなたはそれをどこから呼んでいますか（$（ "＃パスワード"）場合

は... IDを通じて、入力に直接リスナーを入れてツールチップを表示/メッセージ

$(document).on('keyup', '#ConfirmPassword', function(){ 
    if ($("#Password").val() == $(this).val()) 
     console.log("pass are equal"); 
    else 
     console.log("pass are not equal D:") 
});