如何使用jquery在ASP.NET中显示/隐藏密码 [英] How to show / hide password in ASP.NET using jquery

问题描述

大家好



这里我在asp.net文本框中尝试显示/隐藏密码，但是当我使用HTML文本框眼睛图标工作正常，但不工作在asp.net文本框中，我不知道如何更改为asp.net文本框

这里JQuery代码

Hi All

Here am trying show / hide password in asp.net text box , but when am using HTML text box eye icon working fine ,but not working in asp.net text box , and i dont know how to change into asp.net text box
here JQuery Code

<script type="text/javascript">
		    function ShowHidePassword(ID) {
		        if (document.getElementById($("#" + ID).prev().attr('id')).TextMode == "password") {
		            $("#" + ID).attr("data-hint", "Hide");
		            $("#" + ID).find("i").removeClass("icon-eye").addClass("icon-eye-slash");
		            document.getElementById($("#" + ID).prev().attr('id')).type = "text";
		        }
		        else {
		            $("#" + ID).attr("data-hint", "Show");
		            $("#" + ID).find("i").removeClass("icon-eye-slash").addClass("icon-eye");
		            document.getElementById($("#" + ID).prev().attr('id')).type = "password";
		        }
		    }
		</script>

我的文本框就像

my text box like

<asp:TextBox ID="txtpwd" runat="server" placeholder="Password" TextMode="Password"></asp:TextBox>
<span id="ShowHidePassword" class="dvShowHidePassword hint--top hint--bounce hint--rounded" data-hint="Show" ></span>

所以请帮我改变它...



我尝试了什么：



我这样做知道如何更改它...

So help me how to change it ...

What I have tried:

I dont know how to change it ...

推荐答案

（ ＃ + ID）.prev（）。attr（' id'） ）.TextMode == password）{

("#" + ID).prev().attr('id')).TextMode == "password") {

（ ＃ + ID）.attr（ data-hint， 隐藏）;

("#" + ID).attr("data-hint", "Hide");

（ ＃ + ID） .find（ i）。removeClass（ icon-eye）。addClass（ 图标眼斜杠）;
document .getElementById（

("#" + ID).find("i").removeClass("icon-eye").addClass("icon-eye-slash"); document.getElementById(

这篇关于如何使用jquery在ASP.NET中显示/隐藏密码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！