Question

我在获取隐藏的登录框时遇到问题。这是我用来制作登录框的HTML代码：

<center>
  <form name=login>
    <table width=225 border=1 cellpadding=3>
      <tr><td colspan=2><center><font size="+2"><b>Login</b></font></center></td></tr>
      <tr><td>Username:</td><td><input type=text name=username></td></tr>
      <tr><td>Password:</td><td><input type=password name=password></td></tr>
      <tr><td colspan=2 align=center>
        <button type="button" onclick="loginNow()">Login</button>
      </td></tr>
    </table>
  </form>
</center>

单击“登录”按钮时，它会运行一些Javascript代码。运行loginNow()函数，验证密码。验证密码后，我需要隐藏此表单。

任何人都可以给我一些适用于这种情况的代码吗？

Answer 1

将您的表单包装在带有ID的div中：

<div id="loginform">
    <form>...</form>
</div>

然后，在loginNow()函数中，使用document.getElementById('loginform').style.visibility = 'hidden'

Answer 2

在中心标记中添加ID，如：center id="login_box"

将此脚本写入loginNow()代码

的成功块中

$('#login_box').hide('fast');

或者，如果您无法将id添加到center代码，请在loginNow()代码的成功功能块中添加此脚本

$('center').hide('fast');

但它会隐藏代码中存在的所有center标记。

使用Javascript </form>隐藏登录<form>

2 个答案: