How to use javascript validating two text areas

Question

The below works, how would i go about including a 2nd "txtArea2"? I've tried joining a & (document.getElementById("txtArea2").value == '') but doesnt work. I'm new to js syntax if someone could help.

if(document.getElementById("txtArea1").value == '')
            {
                alert("debug");
                document.getElementById("txtArea1").style.display ="none";
                return false;
            };

matewka · Accepted Answer · 2013-11-05 14:38:36Z

1

I'm not sure if I understand your question correctly but you probably want to compare them with || (OR) operator, so if txtArea1 or txtArea2 is empty then the validation shall not pass. That means both textareas will be required fields.

if (document.getElementById("txtArea1").value == '' || document.getElementById("txtArea2").value == '')
{
    alert("debug");
    document.getElementById("txtArea1").style.display ="none";
    return false;
};

answered Nov 5, 2013 at 14:38

matewka

10.2k3 gold badges35 silver badges43 bronze badges

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

2 Comments

user1 Over a year ago

Thanks, the "or" is what I needed. Now if i could only know to make the || symbol haha

matewka Over a year ago

It should be somewhere above the Enter key on the keyboard. Press it with the shift key. Of course it's a single | character. You have to press it twice.

tymeJV · Accepted Answer · 2013-11-05 14:36:08Z

1

Double && specifies the AND condition.

if (document.getElementById("txtArea1").value == '' && document.getElementById("txtArea2").value == '')

answered Nov 5, 2013 at 14:36

tymeJV

105k14 gold badges165 silver badges158 bronze badges

2 Comments

user1 Over a year ago

oh ok, thanks. However this seems to validate only txtArea1 and disregards txtArea2.

tymeJV Over a year ago

If txtArea1 fails that condition, then it doesn't care about txtArea2, it's an AND, so if one fails, the entire block is jumped./

MildlySerious · Accepted Answer · 2013-11-05 14:40:48Z

0

If you want to treat both separately, you'll have to use two separate if statements as well. (I outsourced the textareas into variables for readability)

var txtarea1 = document.getElementById("txtArea1");
var txtarea2 = document.getElementById("txtArea2");
if(txtarea1.value == '')
{
    alert("debug");
    txtarea1.style.display = "none";
    return false;
};
if(txtarea2.value == '')
{
    alert("debug");
    txtarea2.style.display = "none";
    return false;
};

If you want to do one thing if either of them (1 or 2) is empty, try this:

if(txtarea1.value == '' || txtarea2.value == '')
{
    alert("debug");
    txtarea1.style.display ="none";
    txtarea2.style.display ="none";
    return false;
};

answered Nov 5, 2013 at 14:40

MildlySerious

9,2403 gold badges31 silver badges31 bronze badges

Comments

Adnan Ahmed · Accepted Answer · 2013-11-05 14:41:25Z

0

var t1 = document.getElementById("txtArea1").value;
var t2 = document.getElementById("txtArea2").value;
if( t1 == '' || t2 == '')
{
   alert("debug");
   document.getElementById("txtArea1").style.display ="none";
   return false;
};

answered Nov 5, 2013 at 14:41

Adnan Ahmed

6868 silver badges16 bronze badges

Collectives™ on Stack Overflow

How to use javascript validating two text areas

4 Answers 4

2 Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related