How can I prevent default actions in HTML forms?

How can I prevent default actions in HTML forms?

You can prevent default actions in HTML forms by using the event.preventDefault() method in your JavaScript code.

Can you give me an example of how to use that?

Sure! Here's a simple example:

<form id="myForm">
  <input type="submit" value="Submit">
</form>

<script>
  document.getElementById('myForm').addEventListener('submit', function(event) {
    event.preventDefault(); // This prevents the form from submitting
    console.log('Form submission prevented!');
  });
</script>

What if I want to allow the form to submit under certain conditions?

You can add a condition inside the event listener. If the condition is met, you can call form.submit() to allow submission.