submit（）メソッドがonsubmitイベントをトリガーしなかったのはなぜですか？

Question

私は以下のような形式があります：私はボタンをクリックすると、実際にそれがフォームを送信しますが、alertボックスが表示されませんでしたけれども

<form action="/action_page.php" onsubmit="alert('The form was submitted');" > 
    Enter name: <input type="text" name="fname"> 
    <input type="button" onclick="document.getElementsByTagName('form')[0].submit()" value="Submit"> 
</form> 

を。つまり、submit()メソッドはフォームを提出しましたが、onsubmitイベントはトリガーされません。何が起こった？また、submit()メソッドを使用してonsubmitイベントをトリガする方法はありますか？

Answer 1

まあ、documentation for the submit methodは、onsubmitを引き起こさないことはかなり明確です。

次フォーム要素のいずれかが、フォーム送信が発生するので：

<input type='submit'> 
<input type='button'> 
<button> 

あなたはおそらく、それはあなたができないと思われるすべての

Answer 2

でそのボタンのonclickのハンドラをしてください必要はありません。この記事をチェック - https://stackoverflow.com/a/19847255/8449863

しかし、隠されたボタンを提出して回避策を試してください。

<form action="/action_page.php" onsubmit="alert('The form was submitted');" > 
    Enter name: <input type="text" name="fname"> 
    <input type="button" value="Submit" onclick="document.getElementById('submit').click();" > 
    <input id="submit" type="submit" style="display: none;" /> 
</form>