php - 如何使用 javascript 发布表单变量，就像类型 ="submit"按钮一样

Question

我是一名新手程序员，我想知道如何使用 javascript 正确提交表单。

我做了一些测试代码来告诉你我的意思:

<?php
    if (isset($_POST['message']))
    {
        echo $_POST['message'];
    }
?>

<script>
    function formsubmit() 
    {
        document.getElementById('form').submit();           
    }
</script>

<form id="form" name="form" action="" method="post">
    <input id="message" name="message" value="hello world">
    <input id="submit" name="submit" type="submit">
</form>

<a href="" onClick="formsubmit()">Click me</a><br/>
<input type="submit" onClick="formsubmit()" value="Click me">

当您按下标签内的“提交”按钮时 - PHP 代码将回显“hello world”。使用 JS 提交表单时，值不会发布到页面。我做错了什么？

提前致谢。我已经搜索了整个下午的解决方案，但由于我缺乏编程知识，所以未能找到解决方案。

Answer 1

信不信由你，但主要问题在于:

<input id="submit" name="submit" type="submit">

如果表单包含名称(或 ID)为 submit 的输入元素，它将屏蔽表单元素的 .submit() 方法，因为 .submit 将指向按钮而不是方法。只需将其更改为:

<input name="go" type="submit">

另请参阅:Notes for form.submit()

小问题在这里:

<a href="" onClick="formsubmit()">Click me</a><br/>

一个空的 anchor 将在调用 formsubmit() 之前再次请求相同的页面。只需添加 href="#"。