为什么此警报不能使用javascript？
为什么此警报不能使用javascript？
提问于 2019-03-04 11:04:50
我在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>
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-03-04 11:16:45
当您单击submit按钮时，它正在提交一个表单。
通过一个警告，它会阻止浏览器，因此代码将等待，直到您按下okay，然后提交表单。但问题是当你移动时使用甜蜜提示，你不能阻止浏览器的动作。因此，您必须取消单击并手动提交表单。
// 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>
Stack Overflow用户
发布于 2019-03-04 11:12:16
好了，您忘记了包含库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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54976080
复制相关文章
相似问题
腾讯云开发者
