使用javascript停止按钮OnClick事件

Question

我试图在我的按钮的点击事件发生在服务器端之前运行一些javascript，但是javascript代码运行，并且服务器端代码在此之后运行，无论如何。 这就是我所拥有的：

<script type="text/javascript" language="javascript">
  $(document).ready(function() {
    SubmitClick = function() {
        if ($("#<%= fuFile.ClientID %>").val() == "") {
            $("#error").html("File is required");

            return false;
        }
    }
  });
</script>

<asp:FileUpload ID="fuFile" runat="server" />

<asp:Button ID="btnSubmit" runat="server" Text="Submit"
  OnClientClick="SubmitClick()" UseSubmitBehavior="false"
  OnClick="btnSubmit_Click" />

<span id="error"></span>

我认为设置UseSubmitBehavior="false"并在javascript函数中返回false会起作用，但事实并非如此。 在服务器端代码运行之前，我的错误消息会显示一秒钟。

我在这做错了什么？

Answer 1

通常要取消客户端单击，您将添加此return false;

您可以更新代码来执行此操作，它应该可以工作： OnClientClick="return SubmitClick();"

Answer 2

如果您使用的是JQuery：

$btn.on("click", function (e) {
    e.preventDefault();
}

Answer 3

对我UseSubmitBehavior是：删除OnClientClick="SubmitClick()"并将UseSubmitBehavior设置回true。

然后将$(document).ready()方法更改为

$(document).ready(function () {
    $('#btnSubmit').click(function () {
        if ($("#<%= fuFile.ClientID %>").val() == "") {
            $("#error").html("File is required");

            return false;
        }

        return true;
    });

});

Answer 4

您需要使用OnClientClick事件中的return返回已提交行为的取消。

尝试这个

OnClientClick="return SubmitClick()"