javascript - 如何在没有提交按钮的情况下提交表单

Question

我正在尝试在没有提交按钮的情况下提交表单。我使用此代码提交: document.forms['form_id'].submit();但这段代码一遍又一遍地提交。我只想提交一次

<form method="POST" id="form_id">
<input type="hidden" id="lan" value="" name="number">
</form>


 <script type="text/javascript">

 document.forms['form_id'].submit();

 </script>

Answer 1

每次加载 javascript 时(即每次加载页面时)，表单都会自行提交。表单的默认行为是提交到您当前所在的位置，如果未定义，您将不断地将表单提交到具有该表单的页面并再次提交该表单。

如果您希望此提交仅发生一次，例如当访问者被(重新)定向到此页面时，您应该使用表单的操作属性提交到另一个页面。

如果您希望根据用户的请求进行提交，请将提交包装在由按钮上的 onclick 事件或任何其他事件调用的函数中。

<script>
    function submittheform(){
        document.forms['form_id'].submit();
    }
</script>

<form method="POST" id="form_id" action="someHandlerUrl">
    <input type="hidden" id="lan" value="" name="number"/>
    <input type="button" onclick="submittheform()" value="submit the form"/>
</form>

<小时/>

您可以在构建页面的 PHP 中使用此脚本；

<?php
if(isset($_POST['number'])){
    $number = $_POST['number'];
    $out = '<h1>The form was submitted</h1>';
}else{
    $out = '
    <h1>The form needs to be submitted</h1>
    <form method="POST" id="form_id">
        <input type="hidden" id="lan" value="" name="number">
    </form>
    <script type="text/javascript">
        document.forms[\'form_id\'].submit();
    </script>
    ';
}

echo $out;

?>

当表单提交并且数字值存在时，它显示一个没有脚本和表单的页面。