试图隐藏 Javascript 表单答案

【问题标题】：Trying to Hide Javascript form试图隐藏 Javascript 表单
【发布时间】：2018-10-04 01:48:07
【问题描述】：

好的，我正在尝试自动登录访客帐户，它需要：

在标题中

<script language="JavaScript" type="text/JavaScript">
    function guestLogin() { 
        document.form_login.username.value = 'guest'; 
        document.form_login.password.value = 'guest'; 
        document.form_login.submit(); 
    }
</script>

和

<form action="https://www.redcheetah.com/WebPrefex/" method="post" name="form_login">
    <input name="username" type="text" value="" />
    <input name="password" type="password" value="" />
    <input name="form_action" type="submit" value="Login" />
</form>

javascript:guestLogin();

如果页面上没有登录表单，我如何让javascript:guestLogin(); 工作。

有什么建议吗？

谢谢

【问题讨论】：

这令人困惑。您是说正文中没有登录表单吗？或者您是说如果用户已经登录，您不想显示登录表单？
stackoverflow.com/questions/8003089/…
我说我需要该表单用于 javascript:guestLogin();工作..但我不想看到它。

标签： javascript

【解决方案1】：

如果您需要在页面上显示表单 - 如果您出于某种原因无法按需创建它 - 那么如果您希望 guestLogin 在用户没有看到表单的情况下工作，您必须隐藏使用 CSS 的表单。它仍然可以提交，只是不可见：

function guestLogin() {
  document.form_login.username.value = 'guest';
  document.form_login.password.value = 'guest';
  console.log('submitting');
  document.form_login.submit();
}
document.querySelector('div').onclick = guestLogin;

form {
  display: none;
}

<form action="https://www.redcheetah.com/WebPrefex/" method="post" name="form_login">
  <input name="username" type="text" value="" />
  <input name="password" type="password" value="" />
  <input name="form_action" type="submit" value="Login" />
</form>
<div>click to submit</div>

【讨论】：