密码匹配工具提示不工作

Password match tooltip not working

本文关键字：工作 工具提示 密码      更新时间：2023-09-26

我的问题是，当密码与确认密码不匹配时，我希望在文本字段中出现工具提示

下面是我的工具提示代码。另一个工作，但密码匹配不

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

我需要一些帮助来解决这个问题

在ValidateContract函数中是否有侦听器?你叫它哪里?

尝试将侦听器直接放在输入上，通过id…更改console.log为工具提示显示/message

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