Мой слушатель событий не сработает, когда я отправлю форму

Question

Я просто пытаюсь распечатать тест в журнал консоли, когда в форме нажата кнопка отправки. Куда я иду не так?

<script>
      $('form').submit(function (e) {
      console.log("test")
    })
<script>  

<form  onsubmit="">
        <input name="name" pattern="^[a-zA-Z\d-]+" type="text">
        <button type="submit">Add</button>
</form>

Answer 1

Вы должны предотвратить действие по умолчанию для вашей формы, используя preventDefault(), например:

$('form').submit(function(e) {       
        e.preventDefault();
        alert("Submitted!!!")
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form  onsubmit="">
        <input name="name" pattern="^[a-zA-Z\d-]+" type="text">
        <button type="submit">Add</button>
</form>