jquery - 如何使用 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()" />