Enable/disable textarea after taking input from keyboard

Question

I have a textarea which is disabled by default. And then on press of 'Edit' I take some input from user. If it is valid, I want to enable the textarea. Here is the code which I have right now:

<textarea name="comment" cols="5" rows="2" disabled="true"><%= $tmp_com %></textarea>
<a href="javascript:validateUser()">Edit</a>

function validateUser(){
var name=prompt("Please enter the password");

    if (name=="1234")
    {
       document.getElementByName("comment").disabled="false";
    }
}

epascarello · Accepted Answer · 2012-11-30 02:11:19Z

13

There is no getElementByName in JavaScript. Easiest solution, add an id, and use getElementById.

<textarea name="comment" id="comment" cols="5" rows="2" disabled="true">

and JavaScript

document.getElementById("comment").disabled="false";

answered Nov 30, 2012 at 2:11

epascarello

208k20 gold badges206 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mac Over a year ago

Almost. Remove the quotes around "false" to make the argument a boolean and not a string, and you'll have it.

sriram · Accepted Answer · 2018-02-27 07:21:33Z

8

Its better for you to use id instead of name. Any way I'm using name here to follow the question.

<a href="javascript:validateUser()">Edit</a>
<textarea name="comment" cols="5" rows="2" disabled="disabled">aaaaa</textarea>

<script type="text/javascript">
    function validateUser(){
        var name=prompt("Please enter the password");
        if (name=="1234")
        document.getElementsByName("comment")[0].disabled=false;
    }
</script>

edited Feb 27, 2018 at 7:21

sriram

31 silver badge3 bronze badges

answered Nov 30, 2012 at 2:17

Akhil Sekharan

12.7k8 gold badges43 silver badges58 bronze badges

1 Comment

andora Over a year ago

...And a string for the value "false" - Better to use true/false without strings as these are numbers really.

jeremy · Accepted Answer · 2012-11-30 02:14:47Z

4

Use jquery

$("[name='comment']").attr('disabled', true);
$("[name='comment']").attr('disabled', false);

or by Id

$("#comment").attr('disabled', true);

answered Nov 30, 2012 at 2:14

jeremy

4,3243 gold badges24 silver badges36 bronze badges

Collectives™ on Stack Overflow

Enable/disable textarea after taking input from keyboard

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related