javascript - 如何使用javascript验证两个文本区域

Question

下面的作品，我将如何去包括第二个“txtArea2”？我试过加入一个& (document.getElementById("txtArea2").value == '')但不起作用。如果有人可以提供帮助，我是 js 语法的新手。

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

Answer 1

Double&&指定 AND 条件。

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

Answer 2

我不确定我是否正确理解了您的问题，但您可能想将它们与||进行比较 ( OR ) 运算符，因此如果txtArea1 or txtArea2为空，则验证将不会通过。这意味着两个文本区域都是必填字段。

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

Answer 3

如果您想分别处理两者，则还必须使用两个单独的 if 语句。（为了便于阅读，我将 textareas 外包为变量）

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;
};

如果您想在其中任何一个（1或2）为空的情况下做一件事，请尝试以下操作：

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

Answer 4

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;
};