如何使用Asp.net在JQuery / Javascript中使用If條件實現確認對話框

Question

我有一點Jquery（與傳統的javascript混合）來檢查文本框。 在我的示例asp頁面上，有一個按鈕，一個文本框，后面有一個button_click事件。 我想要的是，當有人點擊按鈕時，如果文本框為空，他們將看到一個警告框。 當有值時，它們將看到一個確認對話框。 我的代碼執行大部分工作，但是當用戶看到確認對話框並取消時，服務器端代碼已執行。

我在這里錯過了什么？

提前致謝。

$(document).ready(function () {
    $("#Button1").click(function (e) {

        var a = $("#TextBox1").val();

        if (jQuery.trim(a).length > 0) {
            confirm('To confirm  click OK ');
        }
        else {
            alert("Empty");
            e.preventDefault(); 
        }
    });
}); 

Answer 1

使用下面的按鈕的OnClientClick屬性：

 function checkClick() {
      var result = $.trim($("#<%= TextBox1.ClientID %>").val()).length > 0;
      if (result === true) {
           result = confirm("To confirm  click OK");
      }
      else {
           alert("oops!");
      }
      return result;
 }

 <asp:Button runat="server" Text="Click Me" OnClientClick="return checkClick()" />

Answer 2

如果他們在confirm按取消，您需要阻止默認行為（我假設是提交）。 confirm返回一個布爾值，允許你這樣做。

if (jQuery.trim(a).length > 0) {
    var answer = confirm('To confirm  click OK ');

    if (!answer) {
        e.preventDefault(); 
    }
}

Answer 3

Confirm ： result是一個布爾值，表示是選擇了OK還是Cancel（true表示OK）。

           if (!confirm('To confirm  click OK ')) return false; //don't do anything

Answer 4

使用下面的功能可以選擇按鈕或者在onclick時定義類的href

$("body").on("click",".yourclassname",function(){
    var delet = confirm('Are you sure want to delete?');
    if(delet){
        // Some function when true
    }else{
        // Some function when false
    }
});