试图隐藏Javascript表单

时间:2018-04-23 22:31:59

标签: javascript

好的我尝试自动登录来宾帐户,但需要:

标题

<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();工作。

任何提示?

由于

1 个答案:

答案 0 :(得分: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>