JavaScript中的sweet警报消息会在瞬间显示_Javascript_Asp.net Mvc

JavaScript中的sweet警报消息会在瞬间显示

javascript asp.net-mvc

JavaScript中的sweet警报消息会在瞬间显示,javascript,asp.net-mvc,Javascript,Asp.net Mvc,当用户按下确认按钮时，我需要使用javascript检查一些事情，在特定条件下需要显示sweet alert 其中，一旦用户按下ok（在sweetalert消息中），它将重定向到另一个页面。但是警报会在一瞬间显示，而不会重定向到页面（因为我没有按“确定”）。通过单击视图中的按钮调用javascript： <div class="col"> <button type=

当用户按下确认按钮时，我需要使用javascript检查一些事情，在特定条件下需要显示sweet alert 其中，一旦用户按下ok（在sweetalert消息中），它将重定向到另一个页面。但是警报会在一瞬间显示，而不会重定向到页面（因为我没有按“确定”）。通过单击视图中的按钮调用javascript：

                    <div class="col">
                        <button type="submit" class="btn btn-primary form-control" onclick="ApprovePayment()">Create</button>
                    </div>


创造

以下是视图中的javascript：

@section Scripts{
    <partial name="_ValidationScriptsPartial" />
    <script src="https://cdn.tiny.cloud/1/h0b6kdvecrt66vsb30f5tpqd7ocxoezkzq6fcfbbvp0xrbfw/tinymce/5/tinymce.min.js"></script>
    <script type="text/javascript">
        function ApprovePayment() {
            var val = document.getElementById("PaymentHistory_SentFromAddressId");
            var selectedText = val.options[val.selectedIndex].text;
            var amount = document.getElementById("PaymentHistory_Amount");
            var value = parseFloat(amount.value);
            var max = parseFloat(amount.getAttribute("data-val-range-max"));
            var min = parseFloat(amount.getAttribute("data-val-range-min"));
            if (!(value < min || value > max)) {
                window.alert("amount validated");
                if (selectedText.includes("- Paypal")) {
                    window.alert("in paypal")
                }
                else {
                       swal("Success!", "Payment Added To Your List, Admin will Approve once Payment Received!", "success")
                            .then((value) => {window.location.href = '/UserRole/PaymentHistory'; });
                }
            }
        }
    </script>
}

@节脚本{
功能批准付款（）{
var val=document.getElementById（“PaymentHistory\u SentFromAddressId”）；
var selectedText=val.options[val.selectedIndex].text；
var金额=document.getElementById（“PaymentHistory_金额”）；
var值=parseFloat（amount.value）；
var max=parseFloat（amount.getAttribute（“数据值范围max”）；
var min=parseFloat（amount.getAttribute（“数据值范围min”）；
如果（！（值<最小值>最大值））{
窗口警报（“已验证金额”）；
if（selectedText.includes（“-Paypal”））{
window.alert（“在贝宝中”）
}
否则{
swal（“成功！”，“付款已添加到您的列表中，管理员将在收到付款后批准！”，“成功”）
.then（（value）=>{window.location.href='/UserRole/PaymentHistory'；}）；
}
}
}
}

单击提交按钮上定义了

onclick

listner，当您单击提交按钮时，浏览器将执行默认操作，即表单提交

要防止这种情况，可以使用两种方法

在表单onsubmit上添加侦听器

阻止浏览器默认操作

将按钮类型从提交更改为“按钮”

第二种方法的示例

@section Scripts{
    <partial name="_ValidationScriptsPartial" />
    <script src="https://cdn.tiny.cloud/1/h0b6kdvecrt66vsb30f5tpqd7ocxoezkzq6fcfbbvp0xrbfw/tinymce/5/tinymce.min.js"></script>
    <script type="text/javascript">
        function ApprovePayment(event) {
            event.preventDefault(); // stop the default action
            var val = document.getElementById("PaymentHistory_SentFromAddressId");
            var selectedText = val.options[val.selectedIndex].text;
            var amount = document.getElementById("PaymentHistory_Amount");
            var value = parseFloat(amount.value);
            var max = parseFloat(amount.getAttribute("data-val-range-max"));
            var min = parseFloat(amount.getAttribute("data-val-range-min"));
            if (!(value < min || value > max)) {
                window.alert("amount validated");
                if (selectedText.includes("- Paypal")) {
                    window.alert("in paypal")
                }
                else {
                       swal("Success!", "Payment Added To Your List, Admin will Approve once Payment Received!", "success")
                            .then((value) => {window.location.href = '/UserRole/PaymentHistory'; });
                }
            }
        }
    </script>
}

@节脚本{
功能批准付款（事件）{
event.preventDefault（）；//停止默认操作
var val=document.getElementById（“PaymentHistory\u SentFromAddressId”）；
var selectedText=val.options[val.selectedIndex].text；
var金额=document.getElementById（“PaymentHistory_金额”）；
var值=parseFloat（amount.value）；
var max=parseFloat（amount.getAttribute（“数据值范围max”）；
var min=parseFloat（amount.getAttribute（“数据值范围min”）；
如果（！（值<最小值>最大值））{
窗口警报（“已验证金额”）；
if（selectedText.includes（“-Paypal”））{
window.alert（“在贝宝中”）
}
否则{
swal（“成功！”，“付款已添加到您的列表中，管理员将在收到付款后批准！”，“成功”）
.then（（value）=>{window.location.href='/UserRole/PaymentHistory'；}）；
}
}
}
}