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

Question

How to display Bootstrap Autocloseable alert message on asp.net button click?

Code as follows:

 <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>

closeable code using 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>

I called function name"showalertmsg" on asp button click it gives error? error gives as follows while compiling

Compiler Error Message: CS1026: ) expected

Answer 1

Issues in the asp.net button

<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

you can't call javascript fuction like this

OnClick="btnLogin_Click showalertmsg();"

But

use OnClientClick="showalertmsg();"

and also call return false at the end to stop postback

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;
    }