html 도우미를 사용하여 mvc에서 암호 숨김 필드를 표시하는 방법

Question

@Html.Password("pasword", null, new { @class = "form-control frmField", placeholder = "Password" }) 

저는 이것을 사용하고 있습니다. 여기를 클릭하면 암호가 보일 것입니다. 이 jquery 또는 Javascript를 통해 될 알아요,하지만 난 이해할 수없는 mvc. mvc에서 그 기술을 적용하는 방법?

<input data-toggle="password" type="password" data-placement="after" data-eye-class="glyphicon" data-eye-open-class="glyphicon glyphicon-eye-open" data-eye-close-class="glyphicon glyphicon-eye-close" data-eye-class-position="true" class="form-control pwd"> 
<input type="text" class="form-control" placeholder="password" style="display:none;" /> 

저는 이것을 잘 사용했습니다. 이 mvc 구현하는 방법?

Answer 1

$("#Password").attr("type","text") 

당신의 선택으로 #Password 명을 교체하고 다시 변경하려면 방금 수행

$("#Password").attr("type","password") 

Answer 2

변화 비밀번호 유형

$(".btnShow").mousedown(function() { 
 
    $(".pwd").attr("type","text"); 
 
}); 
 
$(".btnShow").on("mouseleave",function() { 
 
    $(".pwd").attr("type","password"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="password" class="form-control pwd"> 
 
<input type="button" class="btnShow" value="show"/>

유형의 텍스트 에

Answer 3

페이지에 자바 스크립트를 추가하여이를 달성하십시오. 참조 용 샘플이 있습니다.

@Html.Password("pasword", null, new { @class = "form-control frmField", placeholder = "Password" }) 
<input type="button" id="showHidePassword" value="Show" /> 

<script> 
    $("#showHidePassword").click(function(){ 
     if($(this).val() == "Show"){ 
      $(this).val("Hide"); 
      $("#password").attr("type", "text"); 
     } else { 
      $(this).val("Show"); 
      $("#password").attr("type", "password"); 
     } 
    }); 
</script> 

Answer 4

<input id="passwordField" data-toggle="password" type="password" data-placement="after" data-eye-class="glyphicon" data-eye-open-class="glyphicon glyphicon-eye-open" data-eye-close-class="glyphicon glyphicon-eye-close" data-eye-class-position="true" class="form-control pwd"> 
<input type="checkbox" onclick="ShowHidePass(this)" /> 

암호 및 텍스트 상자 사이

function ShowHidePass(objChk) 
{ 
if(objChk.checked) 
    passwordField.type="text" 
    else 
    passwordField.type="password" 
}