Question

我正在学习javascript并尝试调用函数。基于示例here，我尝试在我的测试html中使用逻辑：

<html>
    <head>
        <script>
            function ShowForm()
            {
            var field_value = document.forms["test_form"]["my_name"].value;
            document.write(field_value);
            }
        </script>
    </head>
    <body>
        <form action="" name="test_form" onsubmit="return ShowForm();" method="post">
            <input type="text" name="my_name" placeholder="Type your name"/>
            <button type="submit">My button</button>
        </form>
    </body>
</html>

我发现html渲染正确，但是点击“我的按钮”按钮后，页面只是重新加载而不显示我预期的额外html。

主要的不同之处在于我正在尝试使用<button>进行点击/提交操作。可以使用<button>并激活javascript吗？或者我应该将<input>设为按钮？

我在这里做错了什么？

Answer 1

使用

 onsubmit="ShowForm();return false"

而不是

 onsubmit="return ShowForm();"

添加return false会阻止网页重新加载，从return移除return ShowForm();将允许javascript在return false后运行ShowForm()。

Example

无法获得表单字段的值

1 个答案: