如何在asp.net按钮单击上显示Bootstrap Autocloseable警报消息？

Question

如何在asp.net按钮单击上显示Bootstrap Autocloseable警报消息？

代码如下：

 <div>
    <asp:Button ID="btnLogin" runat="server" Text="Login" CssClass="btn btn-block org"
        Style="margin-top: 0px" OnClick="btnLogin_Click showalertmsg();" ValidationGroup="Login" />
</div>

使用javascript关闭代码

 <script type="text/javascript">
    function showalertmsg(message, alerttype) {

        $('#alert_placeholder').append('<div id="alertdiv" class="alert ' + alerttype + '"><a class="close" data-dismiss="alert">×</a><span>' + message + '</span></div>')

        setTimeout(function () {
            $("#alertdiv").remove();

        }, 5000);
    }
</script>

我在asp按钮上调用了函数名“ showalertmsg”，单击它会出错吗？ 编译时错误如下

Compiler Error Message: CS1026: ) expected

Answer 1

asp.net按钮中的问题

<asp:Button ID="btnLogin" runat="server" Text="Login" CssClass="btn btn-block org"
        Style="margin-top: 0px" OnClick="btnLogin_Click" ValidationGroup="Login" OnClientClick="showalertmsg(); return false;" />

Answer 2

你不能像这样调用javascript功能

OnClick="btnLogin_Click showalertmsg();"

但

使用OnClientClick="showalertmsg();"

并在最后调用return false停止回发

function showalertmsg(message, alerttype) {

        $('#alert_placeholder').append('<div id="alertdiv" class="alert ' + alerttype + '"><a class="close" data-dismiss="alert">×</a><span>' + message + '</span></div>')

        setTimeout(function () {
            $("#alertdiv").remove();

        }, 5000);

return false;
    }