asp.net mvc 3-如果禁用JavaScript，我如何隐藏按钮

asp.net mvc 3 - How can I hide a button if JavaScript is disabled?

本文关键字：何隐藏 隐藏 按钮 mvc net 如果 JavaScript asp      更新时间：2023-09-26

我有一个网站，允许用户创建新内容，我使用javascript来检查垃圾邮件。如果用户关闭了javascript，我如何隐藏或禁用post搜索按钮

<input type="submit" name="submitmee" id="creatingpost" value="Post" />

我可以使用if语句或noscript的组合吗。我在网上看到了一些例子，但它们都重定向了用户，我试图做一些类似的事情

if(javascript== off)
{
    /* please turn on javascript */
}
else
{
    /* show button */
}

您只需在头脑中使用一个noscript标记，该标记只有在禁用javascript时才会加载。

HTML

<noscript>
    <style type="text/css">
         #creatingpost {
           display: none; 
         }
         #noJsBanner
         {
            display: block;
         }
    </style>
</noscript>

在禁用JavaScript的情况下检查此演示。

为什么不默认显示"无JS"版本并用JavaScript切换它（显然只有启用JS时才会运行）？

HTML:

<div class="js-show">
    <input type="Submit" value="Go!" />
</div>
<div class="js-hide">
    <p>Please switch JavaScript on.</p>
</div>

CSS：

.js-show
{
    display: "none";
}

JavaScript（jQuery）:

$(function() {
    $('.js-hide').hide();
    $('.js-show').show();
});

Fiddle。

或者，您可以在html元素上放置一个"no-js"类，并将其交换为document.ready上的"js"，然后使用这些类相应地设置样式。

这两种方法中的任何一种都为您提供了一种灵活的方式，只需几行代码就可以为整个网站的功能创建无JS的替代方案。

相关文章：