Question

36

Prevent form submit but retain form validation

rated 0 times [ 42] [ 6] / answers: 1 / hits: 18189 / 10 Years ago, sun, december 7, 2014, 12:00:00

How do I retain the default HTML form validation and yet prohibit form submitting? I have tried using event.preventDefault() and return false. Both are successful in stopping the form from submitting but both fail in form validation. I have also tried this solution, but even that does not work.

Is anybody able to help me?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

ravenl

Add To Favorites

Follow

Total Points: 338

Total Questions: 107

Total Answers: 112

Location: Belize

Member since Mon, Jun 20, 2022

2 Years ago

ravenl questions

1 TypeError: e.preventDefault is not a function on React Hook Form using EmailJs

Wed, Sep 1, 21, 00:00, 3 Years ago

1 Vue @change event not working in < b-form-datepicker/>

Thu, Feb 18, 21, 00:00, 3 Years ago

1 Image type in typescript

Tue, Jan 12, 21, 00:00, 3 Years ago

1 How can I append HTML code using JavaScript?

Tue, Mar 17, 20, 00:00, 4 Years ago

1 make the first tab the active tab when open a bootstrap modal

Sun, Feb 16, 20, 00:00, 4 Years ago

View All

answered 10 Years ago jordenfabiand · Accepted Answer

Both event.preventDefault() and return false; work if used on form submit. The HTML 5 validation is still present.

jQuery(form).submit(function(e){

  e.preventDefault();  

  //or

  //return false;

});

<script src=https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js></script>

<form action= method=post>

  <input id=name type=text required=required />

  <input id=email type=email required=required />

  <input type=submit id=btnSubmit />

</form>