如何使用jquery在ASP.NET中显示/隐藏密码 [英] How to show / hide password in ASP.NET using jquery
本文介绍了如何使用jquery在ASP.NET中显示/隐藏密码的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
大家好
这里我在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屋!
查看全文