Javascript “警报封锁”;必填字段“;弹出窗口

Javascript “警报封锁”;必填字段“;弹出窗口,javascript,html,forms,alert,Javascript,Html,Forms,Alert,我正在制作一个表单,当填写时,它会创建一个警报,告诉您这是一个成功,用户将被重定向到哪里。问题在于,此警报似乎“阻止”了chrome“请填写此字段”弹出窗口,该窗口用于输入未填写的必需的属性 据我所知,这只是一个Chrome问题。IE仍然会在警报后显示弹出窗口,我还没能尝试Firefox 比如说 <form method="post" action="sendemail.php"> <input type="text" name="name" 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>


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

只需删除
onclick
并将
onsubmit
添加到
表单
标记中:

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


onsubmit
仅在表单提交后触发,如果未填写
必需的输入,则不会发生这种情况
onclick
总是在单击提交按钮时触发,即使所有字段都不正确。

onclick
是错误的事件<表单上的code>submit
是合适的,但无论如何都不应该添加内联JavaScript。你的权利!我拥有内联js的唯一原因就是为了这个例子。谢谢!“直到现在我才知道有这样的属性。”扎查耶尔金斯:没问题。记住,如果这个答案对你有用的话,请标记它,谢谢!我一直在尝试,但您必须等待10分钟,然后才能将评论标记为答案。(还剩5分钟!)哦,是的,我忘了嗯,出于某种原因,它工作了,但显示了“字段要求”弹出窗口,但当我实际填写它时,它重定向而不显示警报@雅克斯马莱斯