如何在表单中使用按钮检查提交中的必填字段但不刷新页面?

时间:2016-03-30 17:03:03

标签: javascript html reactjs

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

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

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

我将不胜感激。

1 个答案:

答案 0 :(得分: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>