php – 如何使用javascript发布表单变量,就像type =“submit”按

发布时间：2020-12-13 21:45:54 所属栏目：PHP教程来源：网络整理

导读：我是一名noobie程序员,我想知道如何使用 javascript正确提交表单. 我制作了一些测试代码来告诉你我的意思： ?php if (isset($_POST['message'])) { echo $_POST['message']; }?script function formsubmit() { document.getElementById('form').submit(); }/

我是一名noobie程序员,我想知道如何使用 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提交表单时,值不会发布到页面.我究竟做错了什么？

提前致谢.
我整个下午都搜索了一个解决方案,但由于我对编程缺乏了解,我找不到它.

解决方法

信不信由你,但主要问题在于：

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

如果表单包含名称(或id)为submit的input元素,它将屏蔽表单元素的.submit()方法,因为.submit将指向按钮而不是方法.只需将其更改为：

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

另见：Notes for form.submit()

较小的问题在这里：

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

在调用formsubmit()之前,空锚将再次请求同一页面.只需添加href =“#”即可.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!