我需要一个确认按钮

Question

我正在开发一个 MVC asp.net 项目，我创建了一个按钮，单击该按钮时，我需要一个确认框弹出并说“是”和“否”并可能取消。

我的代码在下面

if (Model.AStatusId == AssetManager.Utility.AMConstants.AssetStatus_Deployed)
{
    <div class="col-sm-12 text-center m-t-20">
        <input type="submit" class="btn btn-success" value="Check In" 
               onclick="return ValidateCheckInAsset();" />
    </div>
}

<script>
    function ValidateCheckInAsset() {

        var label = "";
        var flag = 0;

        if ($("#SourceID").val().length == 0) {

            label += "Are you sure you want to Check In? \n";
            flag = 1;
        }

        if ($("#TrackingNumber").val().length == 0) {

            label += "Are you sure you want to Check In?";
            flag = 1;
        }

        if (flag == 1) {
            alert(label);
            return false;
        }

        else
            return true;
    }
</script>

目前正在显示一个警报标签，我将其用于不同的按钮，所以我知道这不是我的解决方案，但我在创建实际确认查询时遇到问题。

非常感谢任何帮助。

Answer 1

好的。首先，由于我可以看到您正在使用 jQuery，因此我建议您停止在 HTML 元素上使用 onclick 事件。您可以搜索并找出它已被贬值。您可以向输入元素添加不同的类，以免干扰未来可能具有相同引导类的按钮。

所以你的 HTML 将是

 <div class="col-sm-12 text-center m-t-20">
    <input type="submit" class="btn btn-success confirmationBtn" value="Check In" />
</div>

你的事件监听器使用窗口确认方法

 $(".confirmationBtn").click(function() {
   if (confirm("Are you sure ??")) {

   } else {

  }
 });