c# - 从 javascript 调用 C# 代码

Question

这个问题已经有答案了:

how to call an ASP.NET c# method using javascript (5 个回答)

已关闭 9 年前。

确实有比我在网上找到的更好的方法来做到这一点。

<script type="text/javascript">
    function Sub()
        {
            if (document.getElementById("DatePicker1").Text == "")
                alert("Select a date");
            else
                Submit(); //this is the c# function
        }
</script>

<asp:Button ID="Button1" runat="server" OnClientClick="Sub()" PostBackUrl="~/Default.aspx" Text="Submit" />

为什么如果我将其更改为 OnClick = "Submit"我可以做到这一点，但在客户端验证后尝试这样做却如此困难!非常令人沮丧。我是一位经验丰富的程序员，但对网络相关的东西还很陌生，所以客户端与服务器的废话一直在妨碍我。
有什么好的解决办法请告诉我。我不想使用 jQuery，因为我想稍后单独研究它。谢谢。

Answer 1

您实际上不需要从 Javascript 调用 Web 方法。您可以尝试以下方法:

将 OnClick 和 OnClientClick 与您的按钮一起使用。在 OnClientClick 中执行 return Sub()

<asp:Button ID="Button1" runat="server" OnClientClick="return Sub()" 
      OnClick="Button1_Click"  PostBackUrl="~/Default.aspx" Text="Submit" />

在 Button1_Click 事件中，您可以调用您的方法 Submit

在您的 Javascript 中，根据验证返回 true 或 false。

<script type="text/javascript">
    function Sub()
    {
        if (document.getElementById("DatePicker1").Text == "")
        {
            alert("Select a date");
            return false;
        }
        else
        {
            return true;
        }
    }
</script>

这将防止在验证失败时触发 OnClick 事件。