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

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

2 个答案: