javascript – 禁用asp.net按钮的回发

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 禁用asp.net按钮的回发，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1757字，纯文字阅读大概需要3分钟。

内容图文

我的想法是,当用户没有进入他将无法将商品添加到购物车时,所以我做的是这样的：

<asp:Button ID="BTNAddToCart" runat="server" Text="Add to cart" class="btn btn-info btn-lg" style="display: inline; margin: auto; display: block; visibility: hidden;"  OnClick="BTNAddToCart_Click" /> 

然后是代码背后：

if (Session["User"] == null)
{
    BTNAddToCart.Attributes["class"] = "btn btn-info btn-lg disabled";
    BTNAddToCart.Attributes.Add("title", "Error");  
    BTNAddToCart.Attributes.Add("data-toggle", "popover");
    BTNAddToCart.Attributes.Add("data-trigger", "hover");
    BTNAddToCart.Attributes.Add("data-placement", "bottom");
    BTNAddToCart.Attributes.Add("data-content", "You must be loged in to add items to the cart");  
}

正如你所看到的,通过使用Bootstrap,我给了按钮一个他无法点击的外观,但实际上他仍然是可点击的.

所以我认为,如果我将禁用按钮回发它将真的不可点击.

如何禁用按钮回发？

我试过了：

<asp:Button ID="BTNAddToCart" runat="server" Text="Add to cart" class="btn btn-info btn-lg" style="display: inline; margin: auto; display: block; visibility: hidden;" OnClientClick="BTNJavaScriptClick()" OnClick="BTNAddToCart_Click" />



<script>  

function BTNJavaScriptClick()
{
    var ButtonAdd = document.getElementById("BTNAddToCart");
    if (ButtonAdd.className == "btn btn-info btn-lg disabled") 
        return false;
}

 </script>   

我甚至试过BTNAddToCart.Enabled = false;它工作但它使我的popover disapper.

解决方法:

如果您希望按钮在鼠标悬停时做出反应(例如显示工具提示),而在单击时不触发回发,则可以：

>保持按钮启用
>使用BootStrap样式将按钮显示为已禁用
>通过在OnClientClick中返回false来防止回发
>防止按钮获得焦点

代码如下所示：

if (Session["User"] == null)
{
    BTNAddToCart.CssClass = "btn btn-info btn-lg disabled";
    BTNAddToCart.OnClientClick = "return false;";
    BTNAddToCart.Attributes.Add("onfocus", "this.blur();");
    ...
}

内容总结

以上是互联网集市为您收集整理的javascript – 禁用asp.net按钮的回发全部内容，希望文章能够帮你解决javascript – 禁用asp.net按钮的回发所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端