CODEWITHSUNDEEP
jqueryhtml
Joel Richards
Joel Richards

Reputation: 13

My event listener won't trigger when I've submitted a form

I'm just trying to get test printed to console log when the submit button is pressed on the form. Where am I going wrong?

<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>

Upvotes: 1

Views: 54

Answers (1)

Mayank Patel
Mayank Patel

Reputation: 1571

You need to prevent your form's default action using preventDefault() like this.

$('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>

Upvotes: 3

Related Questions