disable/enable button via javascript

Question

1.00/5 (1 vote)

See more:

Hi I just wanna know how can I disable a button in onmouseover event

When I point on a button it will check if a textbox is not empty
if its empty button will be disable/unclickable else button will be enable

JavaScript

function btnCheck(){
if (txt.value.length == 0 )
{
    document.getElementById('<%= Button1.ClientID %>').disabled = true;
}
else
{
    document.getElementById('<%= Button1.ClientID %>').disabled = false;
}
}

ASP.NET

<asp:Button ID="Button1" onmouseover="btnCheck();" runat="server" Text="Submit" />

Posted 18-Apr-13 14:45pm

iMaker.ph

Updated 18-Apr-13 15:15pm

v2

Add a Solution

Comments

Sergey Alexandrovich Kryukov 18-Apr-13 21:03pm

Sorry, not a question.
—SA

iMaker.ph 18-Apr-13 21:14pm

My question is whats wrong with the code? I can't disable a button, am I doing something wrong?

iMaker.ph 18-Apr-13 23:17pm

this is my situation
when textbox is empty the button will be disabled but when I input a text on textbox the button still disabled how can I solve this anyidea ?

Rockstar_ 18-Apr-13 23:54pm

Check my solution, Again onmouseout u have to write code for enabling the button, I suggest u to use JQuery, u can do such silly things easily..

3 solutions

Solution 1

hi Dear,

Check the below code, it is running successfully....

XML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">

        function btnCheck() {

            var txt = document.getElementById('<%= txt.ClientID %>').value;
            if (txt.length == 0) {
                document.getElementById('<%= Button1.ClientID %>').disabled = true;
            }
            else {
                document.getElementById('<%= Button1.ClientID %>').disabled = false;
            }
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>

<asp:TextBox runat="server" ID="txt"></asp:TextBox>
<asp:Button ID="Button1" onmouseover="btnCheck();" runat="server" Text="Submit" />
    </div>
    </form>
</body>
</html>

HTML

Posted 18-Apr-13 17:52pm

Rockstar_

Comments

iMaker.ph 19-Apr-13 1:30am

try adding onmouseout on button1
function btnDflt(){
document.getElementById('<%= Button1.ClientID %>').disabled = false;
};
it still on disable... try making alert onmouseover I've notice that on my 1st hover of the button alert will appear but on the second,3rd... alert doesn't appear anymore..

Rockstar_ 19-Apr-13 2:29am

it is better to use Jquery's Toggle() function...

Solution 2

hi,

This may help you...

http://www.easywayserver.com/blog/enable-disable-radio-button-text-box-in-javascript/[^]

Posted 18-Apr-13 20:41pm

Rockstar_

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

iMaker.ph · Accepted Answer · 2013-04-19T16:34:00

The code above will only work once
my understanding is this

at first when mouseover on button it will check if the txtbox is empty or not and if its empty

the button will be disabled and when I mouseover again the button the event won't occur due to the button is disabled

so my solution is to disabled the button on pageload and add onChange event on textbox to check if its empty or not and then enable the button if its not empty