0

我目前有一个登录框,其中显示在文本框中的文本 ID 和密码。当用户单击它时,它会消失并允许用户输入密码。但是,我将密码文本框的文本模式设置为“密码”,它似乎不再适用于密码框。有人有任何线索吗?

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;" />
4

2 回答 2

0

对asp不是很熟悉,但是使用javascript你不能改变输入的类型(出于安全原因);如果您想要在密码输入中具有可见文本的效果,您必须物理隐藏密码并显示另一个交换的输入onfocus

编辑:

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

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

编辑:

我很确定它是完全独立的。只需要window.onload使用两个输入的 ID 调用它。

还需要底部的 eventListener 函数。

于 2012-08-03T23:36:53.673 回答
0

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

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

于 2012-08-03T23:46:50.970 回答