Javascript Question posted in
A very good W3school tutorial can be found here.

Javascript – JS basics question (submit event handler)

i’ve just began my SWE bootcamp a few months ago and recently began learning about javascript

i was working on an assessment but kept getting this question wrong and was hoping someone would be able to explain this to me:

______________________________

There’s a form with a submit event handler. Let’s say you want to validate the form fields before submitting, but the form is submitted before you can do anything with it. Write code to stop the form from submitting. Please enter your answer without a semicolon.

<form class="form">
  <!-- ... -->
</form>

<script>
  const form = document.querySelector(".form");

  form.addEventListener("submit", function validateFields(event) {
    // code here
  });
</script>

______________________________

i entered preventDefault() but that came out to be incorrect so i’m lost to what am i missing

Tags:

2

Answers


  1. 0

    The function preventDefault() is a property of event, so the function call you need is:

    event.preventDefault()
    Login or Signup to reply.
  2. 0

    You’re on the right track by thinking of preventDefault(). But in order to use it properly, you need to call it on the event object within the submit event handler. This will prevent the form default submit action from occurring.

    So you should have written this code/line instead.

     event.preventDefault()
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search