警报阻止“必填字段”弹出窗口

Question

我正在制作一个表单，当填写该表单时会创建一个警报，告诉您这是成功的操作以及用户将被重定向到的位置。 问题在于，此警报似乎正在“阻止”带有未填写的required属性的输入字段的chrome“请填写此字段”弹出窗口。

（据我所知）这只是一个Chrome问题。 IE仍显示警报后的弹出窗口，并且我无法尝试Firefox。

例如

<form method="post" action="sendemail.php">
    <input type="text" name="name" required>
    <input type="submit" name="submit" onclick="javascript:alert('All done')">
</form>

最好的结果是仅在所有必填字段均填写后才显示警报。

Answer 1

只需删除onclick并将onsubmit添加到form标签：

<form method="post" action="sendemail.php" onsubmit="javascript:alert('All done')">
    <input type="text" name="name" required/>
    <input type="submit" name="submit"/>
</form>

onsubmit仅在提交表单后触发，如果未填写required输入则不会发生onclick总是在单击“提交”按钮时触发，即使所有字段都不正确。