Почему это предупреждение не работает с использованием JavaScript?

Question

Я работаю в ASP.NET, и в представлении у меня есть такой код: если я использую сладкое оповещение вне функции, оно работает, и если я изменяю сладкое оповещение на обычное оповещение, оно тоже работает, ноЭто не работает как код ниже.(У меня тоже есть скрипт с библиотекой на виде)

<input type="submit" value="Create" class="btn btn-default" onclick="return foo();" />

<script type="text/javascript">      
       function foo() {
       swal("Good job!", "You clicked the button!", "success")
       return true;
    }
</script>

Answer 1

Когда вы нажимаете кнопку отправки, она отправляет форму.

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

// called onclick of the submit button
function foo() {
  swal("foo")
    .then(function() {
      // manually submit the form
      document.getElementById("yourFormId").submit()
    });
  return false; // cancel the button click
}

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

<form id="yourFormId">

  <input type="submit" value="Create" class="btn btn-default" onclick="return foo();" />

</form>

Answer 2

ок, вы забыли включить библиотеку js и css

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
    
    
    


<input type="submit" value="Create" class="btn btn-default" onclick="return foo();" />

<script type="text/javascript">      
       function foo() {
       swal("Good job!", "You clicked the button!", "success")
       return true;
    }
</script>