アラートブロック「必須フィールド」ポップアップ

Question

私は、記入すると、それが成功したことを知らせるアラートを作成し、ユーザーはリダイレクトされようとしています。このアラートは、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を削除し、formタグに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は、フォームが提出された時点でのみ発生します。required入力は入力されません。onclickは、すべてのフィールドが正しくない場合でも、送信ボタンをクリックすると常に起動します。