Javascript function working with textbox but not working with TextArea and textbox with multiline mode.

Question

3.00/5 (2 votes)

See more:

, +

I have an asp.net button which is disabled by default. I have a textbox with multiline mode. If textbox is empty then button should remainn disabled and if there is text in it, then button will be enabled. Below is my javascript code.

<script>
    function SetButtonStatus(sender, target) {
        debugger
        var first = document.getElementById('<%=txtMain.ClientID %>');
 
        
        if (sender.value.length >= 1 && first.value.length >= 1)

            document.getElementById(target).disabled = false;

        else
            document.getElementById(target).disabled = true;

    }
</script>

This is my textbox.

<asp:TextBox runat="server" ID="txtMain"  Rows="200" TextMode="MultiLine"
            Columns="150"  onkeyup="SetButtonStatus(this, 'btnsubmit')"></asp:TextBox><br />

Now, if I chose TextMode="MultiLine". my javascript function doesnt woprk. It works perfect if I remove multiline mode. I tried using textarea instead of textbox yet it didnt work. I also try having html button instead of asp.net button, yet it is not working.

Any help would be appreciated. Thanks.

Posted 6-Jan-14 22:11pm

JL_Coder

Updated 6-Jan-14 22:25pm

v2

Add a Solution

Comments

Karthik_Mahalingam 7-Jan-14 4:30am

the above code works fine..

JL_Coder 7-Jan-14 4:48am

Thanks for your effort. I realized that it wasn't the problem with the code, but with the text editor plugin I used with the textarea. It doesn't work when I have plugin.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 7-Jan-14 4:51am

Please check my answer Solution 2. :)

Karthik_Mahalingam 7-Jan-14 4:51am

welcome JL_Coder :)

2 solutions

Solution 1

The code works fine !!

JavaScript

Posted 6-Jan-14 22:38pm

techgeek from-india

Comments

JL_Coder 7-Jan-14 4:47am

Thanks for your effort. I realized that it wasn't the problem with the code, but with the text editor plugin I used with the textarea. It doesn't work when I have plugin.

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)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2014-01-06T22:50:00

Change your code to... There is no need to check first.value.length >= 1 as keyup Event is fired from that TextBox only.

It is working, tested at my end.

JavaScript

function SetButtonStatus(sender, target) {
    if (sender.value.length >= 1)
        document.getElementById(target).disabled = false;
    else
        document.getElementById(target).disabled = true;
}