在页面加载时提交表单答案

【问题标题】：Submit form on page load在页面加载时提交表单
【发布时间】：2018-03-13 14:20:40
【问题描述】：

我希望此登录表单在页面加载时自动提交。我正在使用 IP 地址进行注册，因此不需要登录按钮。

<form action="<?=$_SERVER['PHP_SELF']?>" method="post">
     <input type="hidden" name="ip_address" /><br />

    <input type="submit" name="submit" value="Login" />
</form>

【问题讨论】：

可以使用JQuery的submit()方法。
你尝试过使用 JavaScript 吗？在 DOM 加载时，提交表单。
先获取ip地址并存入数据库，如果保存header到登录页面。在登录页面上检查数据库中是否有可用的实际 IP 如果是登录 - 转到会员页面，您不需要提交按钮。
表单的目标解析为自身，因此您只需自动登录用户并停止显示表单。

标签： php forms login form-submit

【解决方案1】：

你可以这样做：

<form id="my_form" action="<?= $_SERVER['PHP_SELF'] ?>" method="post">
     <input id="ip_address" type="hidden" name="ip_address" /><br />

    <input type="submit" name="submit" value="Login" />
</form>
<script>
    $(document).ready(function(){
        if($("#ip_address").val() != "")
        {
            $("#my_form").submit();
        }
    });
</script>

注意：您必须在网页中添加 JQuery 库。

【讨论】：

【解决方案2】：

如果你不使用 jQuery：

<body onload="javascript:submitonload();">
<form id="my_form" action="<?=$_SERVER['PHP_SELF'];?>" method="post">

<input type="hidden" name="ip_address" value="<?=(isset($_SERVER['REMOTE_ADDR']) ? $_SERVER['REMOTE_ADDR'] : '');?>" />
<br />
<input type="submit" name="submit" value="Login" />
</form>
<script type="text/javascript">
    function submitonload() {
document.getElementById('my_form').submit();
}
</script>
</body>

【讨论】：

【解决方案3】：

使用 JavaScript：

<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="POST" id="my-form">
    <input type="hidden" name="ip_address" /><br />
    <input type="submit" name="submit" value="Login" />
</form>
<script>
    //Once the page is loaded, submit the form
    document.addEventListener("DOMContentLoaded", function(event) {
        //The id of your form.
        var idOfYourForm = "my-form";
        document.getElementById(idOfYourForm).submit();
    });
</script>

您只需为您的表单设置id 属性并设置变量idOfYourForm，以便JavaScript 能够提交您的表单。此方法使用纯 JavaScript，没有 jQuery 或其他库。

参见DOMContentLoaded 事件。

【讨论】：