Даже после нажатия кнопки «Отмена» форма отправляется

Question

Я делаю отправку формы, и я показываю окно подтверждения, спрашивая пользователя, что , если они действительно хотят продолжить .Но даже если пользователь нажимает кнопку «Отмена», форма все еще отправляется.

 <form onsubmit="return confirm('If you enter the incorrect number, the search will still be conducted and charge you for the cost of the search. do you want to continue?.')" action="http:example.com/" id="customersearch" name="customersearch" role="form" method="post" accept-charset="utf-8" novalidate="novalidate">

Как этого избежать?Может ли кто-нибудь сказать мне, как предотвратить отправку формы, когда пользователь нажимает кнопку Отмена?

Answer 1

Вот рабочий фрагмент кода, ваш код также работает нормально:

 <form onsubmit="return confirm('If you enter the incorrect number, the search will still be conducted and charge you for the cost of the search. do you want to continue?.')" action="http:example.com/" id="customersearch" name="customersearch" role="form" method="post" accept-charset="utf-8" novalidate="novalidate">
<input type="submit" value="submit">
</form>

Answer 2

@ Акшай Васу, попробуйте с приведенным ниже решением, вам нужно вызвать событие onsubmit формы

function validateForm() {
   if(confirm('If you enter the incorrect number, the search will still be conducted and charge you for the cost of the search. do you want to continue?.'))
   {
      $("myform").submit();
      
   }
   else{
     alert("Invalid");
     return false;
   }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myform" name="myForm" action="/action_page.php"
onsubmit="return validateForm()" method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>