javascript - 如何在表单中添加按钮，在提交时检查必填字段但不刷新页面？

Question

我需要一个带有按钮的表单，在提交时检查必填字段，但不刷新页面。

<form>
    <fieldset>
        <input type="text" id="firstname" placeholder="First Name" required/>
        <input type="submit" value="Send"/>
    </fieldset>
</form>

如果我禁用表单提交，它将不再检查必填字段。我需要 onSubmit 的所有功能，但不需要刷新页面。

我将不胜感激任何帮助。

Answer 1

我不确定您为什么会收到错误。提供的代码应该可以工作。尝试添加一个操作和方法以防万一，如下所示:

<form action="" method="POST" onsubmit="myFunction()">
    <fieldset>
        <input type="text" id="firstname" placeholder="First Name" required>
        <input type="submit" value="submit">
    </fieldset>
</form>

然后您可以在下面添加一个名为 myFunction 的函数，如下所示:

<script>
    function myFunction() {
        alert("Form was submitted");
    }
</script>