当前位置： 文江博客话题详情

启用禁用按钮 asp .net - 使用 javascript

发布于 2024-12-07 00:45:54 字数 298 浏览 1 评论 0原文

目前在我的应用程序中我有一个按钮和一个文本框。用户在文本框中键入内容，然后按下按钮。我想要的是：

第一次加载页面时，搜索按钮应保持禁用状态。我可以通过在代码隐藏文件中将其设置为禁用来实现这一点。

现在我希望当用户输入最多 2 个字符时它保持禁用状态。当用户输入第三个字符时，按钮应该自动启用。

重要的是，它必须在没有 asp .net AJAX 的情况下完成，因为该网站将在旧手机上运行。所以只支持非常基本的 javascript 或 jquery。

任何帮助将不胜感激。

谢谢瓦伦

​

原文

Currently in my application I am having a button and a text box. The user types something in the textbox and then presses the button. What I want is that:

The search button should should stay disabled when the page loads for the first time. I can achieve that by setting it to disabled in the code behind file.

Now I want it to remain disabled when the user types upto 2 characters. The moment the user types third character the button should get enabled automatically.

The important thing is that it has to be done without asp .net AJAX since this website will be run from old mobile phones. So only pretty basic javascript or jquery is supported.

Any help will be appreciated.

Thanks

Varun

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（3）

羁绊已千年 2024-12-14 00:45:54

为了在 asp.net 中使用 document.getElementById 而不必使用全名，您应该让 asp.net 提供它。而不是：
document.getElementById("ctl00_ctl00_phContent_phPageContent_btnSearch")

尝试：

document.getElementById('<%= btnName.ClientID %>')

其中btnName是 asp:Button Id。 <%= 代码将生成完全限定的实际按钮 id，因此您不必担心硬编码 id 会发生变化。

in order to use the document.getElementById in asp.net and not have to use the full name, you should let asp.net provide it. Instead of:
document.getElementById("ctl00_ctl00_phContent_phPageContent_btnSearch")

Try:

document.getElementById('<%= btnName.ClientID %>')

Where btnName is the asp:Button Id. The <%= code will generate the actual button id, fully qualified, so you don't have to worry about things changing with the hard coded id.

回复 原文
迷雾森÷林ヴ 2024-12-14 00:45:54

我让它与 HTML 文本框一起工作，我不认为你可以使用 asp.net 文本框来做到这一点：

<head>
    <script type="text/javascript">
        function TextChange() {
            var t = document.getElementById("Text1");
            var b = document.getElementById("Button1");
            if (t.value.length > 2) {
                b.disabled = false;
            }
            else {
                b.disabled = true; 
            }


        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Text1" type="text"  onkeyup="TextChange();" />
        <asp:Button ID="Button1"   runat="server" Text="Button" Enabled="False" />
    </div>
    </form>
</body>

I got this to work with a HTML text box, I don't think you can do it with a asp.net text box:

<head>
    <script type="text/javascript">
        function TextChange() {
            var t = document.getElementById("Text1");
            var b = document.getElementById("Button1");
            if (t.value.length > 2) {
                b.disabled = false;
            }
            else {
                b.disabled = true; 
            }


        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Text1" type="text"  onkeyup="TextChange();" />
        <asp:Button ID="Button1"   runat="server" Text="Button" Enabled="False" />
    </div>
    </form>
</body>
回复 原文
望笑 2024-12-14 00:45:54

如果您使用 jQuery，请使用

$(<selector>).val().length

来获取大小，然后您可以使用以下命令设置按钮的禁用属性

$(<button selector>).attr('disabled',false).

If you're using jQuery, use

$(<selector>).val().length

to get the size, then you can set the button's disabled attribute with

$(<button selector>).attr('disabled',false).
回复 原文
~没有更多了~

关于作者

别在捏我脸啦

暂无简介

0 文章
0 评论
23 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

已经忘了多久

文章 0 评论 0

15867725375

文章 0 评论 0

LonelySnow

文章 0 评论 0

走过海棠暮

文章 0 评论 0

轻许诺言

文章 0 评论 0

信馬由缰

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文