Question

我正在创建一个表单，在填写时会创建一个警告，告诉您它是成功的，以及用户将被重定向到哪里。问题是此警报似乎是“阻止”Chrome“请填写此字段”弹出窗口，其中包含未填写required属性的输入字段。

（据我所知）只有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在点击提交时始终触发按钮，即使所有字段都不正确。

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

1 个答案: