JavaScript Подсказка () появляется дважды

Question

Я пытаюсь использовать подсказку JavasScript для получения ввода от пользователя, чтобы получить обратную связь перед отправкой формы. Все работает хорошо, но одна проблема, с которой я сталкиваюсь, - javascript Prompt (), дважды появляется при нажатии. Я не знаю почему?

$(document).ready(function() {
  $("#refuse_request").click(function(event) {
    event.preventDefault();
    promptfunction();
  });
});

function promptfunction() {
  var comment = prompt("Add your comment", 'Comment Here');
  console.log(comment)
  if (comment == "") {
    document.getElementById("comment_refuse").value = 'No comment is given by user';
    console.log(document.getElementById("comment_refuse").value)
    //$('#refuse_form').submit();
  } else if (comment != null && comment != "") {
    document.getElementById("comment_refuse").value = comment;
    console.log(document.getElementById("comment_refuse").value)
    //$('#refuse_form').submit();
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form method="POST" id="refuse_form">
  <input type="text" name="req_to" hidden>
  <input type="text" name="req_of" hidden>
  <input type="text" name="ans" value="Refuse" hidden>
  <input type="text" name="comment_of" id="comment_refuse" value="" hidden>
  <button type="submit" id="refuse_request" style="color:red;" class="btn">click</button>
</form>

Answer 1

Ваш код действительно большой беспорядок, попробуйте поставить точку с запятой (;), чтобы закрыть оператор консоли перед «если», так что здесь «ошибка» не возникает, если проблема не устранена, поместите свой код в фрагмент, так что вам будет легче помочь, и это хорошая идея - установить сообщение приглашения в переменную, подобную этой

<script>
  function promptfunction() {
    var msg = "In order to improve our match requests, \n please explain us why...";
    var comment = prompt(msg);
    console.log(comment);
    if (comment == "") {
      document.getElementById("comment_refuse").value ="No comment is given by user";
      console.log(document.getElementById("comment_refuse").value);
      $("#refuse_form").submit();
    } else if (comment != null && comment != "") {
      document.getElementById("comment_refuse").value = comment;
      console.log(document.getElementById("comment_refuse").value);
      $("#refuse_form").submit();
    }
  }
</script>