Question

我目前有一个登录框，文本框内显示文本ID和PASSWORD。当用户点击它时，它会消失并允许用户输入他们的密码。但是，我将密码文本框的textmode设置为“PASSWORD”，它似乎不再适用于密码框。有人有任何线索吗？

HTML

    <input name="Login1$UserName" type="text" value="NUID" id="Login1_UserName" class="txtbox" onfocus="if(this.value==this.defaultValue) {this.value='';$(this).css('color','black');}" onblur="if(this.value=='') {this.value=this.defaultValue;$(this).css('color','rgb(173,180,195)');}" style="width:240px;" />
    <span id="Login1_UserNameRequired" title="User Name is required." style="color:#DA6426;visibility:hidden;">*</span>
  </td>
</tr>
<tr>
  <td>
    <input name="Login1$Password" type="password" id="Login1_Password" style="width:240px;" />
    <span id="Login1_PasswordRequired" title="Password is required." style="color:#DA6426;visibility:hidden;">*</span>
  </td>
</tr>
<tr>
  <td align="center" style="color:#DA6426;">
  </td>
</tr>
<tr>
  <td align="right">
     <input type="submit" name="Login1$LoginButton" value="Log In" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;Login1$LoginButton&quot;, &quot;&quot;, true, &quot;Login1&quot;, &quot;&quot;, false, false))" id="Login1_LoginButton" style="font-family:Arial;height:22px;" />

Answer 1

对asp不是很熟悉，但是使用javascript你无法改变输入的类型（出于安全考虑）;如果您想要在密码输入中显示可见文本的效果，则必须在物理上隐藏密码并显示另一个交换onfocus的输入。

编辑：

这是我创建的密码交换功能的链接，这是我的js库的一部分。对于其他任何人来说，我意识到它不使用jQuery，但我在使用jQuery之前创建并且没有时间或理由更新它。

http://jsfiddle.net/thundercracker/DXLe3/1/

编辑：

我很确定它完全是自包含的。只需要在window.onload上使用两个输入的ID调用它。

还需要底部的eventListener函数。

Answer 2

这可以使用javascript中的onfocus和onblur事件以及更改input元素的type属性来完成。但是，我在某些浏览器上遇到问题，而不是将字段更改回密码输入。这是一篇用asp.net控件和验证器完成的文章。

http://planetofcoders.com/watermark-property-password-textbox-web-page/

密码框内的文字

2 个答案: