使用Javascript/jQuery的不模糊工作

Question

我有一個表格以下輸入：

<input class="password" type="password" title="Your Password" name="password" size="30" autocomplete="off" value="" > 

<input class="confirmpass" type="password" title="Confirm Password" name="pass_confirm" size="30" autocomplete="off" value="" > 
    <div class="jresults" align="left" style="display:none;" id="confirmdata"></div> 

    <input class="showpassword" type="checkbox" title="Show Passwords"> 

這是顯示密碼功能：

//Show password function 
$(".showpassword").click(function() 
    { 
    var change = $(this).is(":checked") ? "text" : "password"; 
    var password = $("input.password"); 
    var showpass = $("<input type='" + change + "' />") 
       .attr("id", password.attr("id")) 
       .attr("title", password.attr("title")) 
       .attr("name", password.attr("name")) 
       .attr("size", password.attr("size")) 
       .attr('class', password.attr('class')) 
       .val(password.val()) 
       .insertBefore(password); 
      password.remove(); 
      password = showpass; 
    var confirmpass = $("input.confirmpass"); 
    var showconfirm = $("<input type='" + change + "' />") 
       .attr("id", confirmpass.attr("id")) 
       .attr("title", confirmpass.attr("title")) 
       .attr("name", confirmpass.attr("name")) 
       .attr("size", confirmpass.attr("size")) 
       .attr('class',confirmpass.attr('class')) 
       .val(confirmpass.val()) 
       .insertBefore(confirmpass); 
      confirmpass.remove(); 
      confirmpass = showconfirm;  
    }); 

這是確認密碼匹配功能：

//match passwords entered 
$('.confirmpass').blur(function() 
    { 
    var Pass = $('.password').val(); 
    var cPass = $('.confirmpass').val(); 
    $('#confirmdata').css("display","none"); 
    if(cPass.length>5) 
     { 
     if (Pass != cPass) 
      { 
       $('#confirmdata').css("display","block"); 
       $('#confirmdata').css("color","#ff0000"); 
       $('#confirmdata').html("No Match"); 
       $("input.confirmpass").focus(); 
      return; 
      } 
     $('#confirmdata').css("display","block"); 
     $('#confirmdata').css("color","#00BB00"); 
     $('#confirmdata').html("Matched"); 
    } 
    }); 

問題：

如果密碼不匹配，我改正，對模糊的確認密碼將再次如預期運行..... 這是正確的

現在，如果做密碼不匹配，我點擊複選框顯示密碼，然後更正，確認密碼將不是再次運行模糊。

任何人都可以看到什麼可能導致此？

Answer 1

當點擊複選框時，您將動態內容插入頁面，這就是爲什麼之後模糊不起作用的原因。與

$(document).on('blur', '.confirmpass', function()