Javascript中的多个ID；如果（）”；

我想同时选择两个ID，但我不知道如何操作。
我添加了humanian.js，我想为这两个字段显示错误消息

谢谢

这是我的密码：

var flatty1=humanic.create({
baseCls:“人性化公寓”，
addnCls:“人性化的成功”，
超时：2500
});
var flatty2=humanic.create({
baseCls:“人性化公寓”，
addnCls:“人道平面度误差”，
超时：2500
});
函数检查（）{
if（document.getElementById（'name'）。值==0）{
flatty2.log（“请先填写所有字段！”）；
}否则{
flatty1.log（“+document.getElementById（'name'）。value++”是很棒的名称！”）；
flatty1.log（“+document.getElementById（'country'）。value++”是一个美丽的地方！”）；
flatty1.log（“您的姓名和国家：”+“”+document.getElementById（'name'）。值+“”+”，“+“”+document.getElementById（'country'）。值）+；”；
log（“感谢您测试这个脚本”+“”+document.getElementById（'name'）。value++”！”；
}
}

html，
身体{
最小高度：100%；
}
.人道主义，
1.人情平淡{
位置：固定；
-moz转换：所有0.4易入易出；
-webkit过渡：所有0.4s易入易出；
-ms转换：所有0.4s易进易出；
-o型过渡：所有0.4s易于输入输出；
过渡：所有0.4缓进缓出；
z指数：100000；
过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=100）；
}
.人道主义，
1.人情平淡{
字体系列：Helvetica Neue、Helvetica、san serif；
字体大小：16px；
排名：0；
左：30%；
不透明度：0；
宽度：40%；
颜色：#444；
填充：10px；
文本对齐：居中；
背景色：#fff；
-webkit边框右下半径：3px；
-webkit边框左下半径：3px；
-moz边框右下半径：3px；
-moz边框左下半径：3px；
边框右下半径：3px；
边框左下半径：3px；
-webkit盒阴影：0 1px2pRGBA（0,0,0,0.5）；
盒影：0 1px2pRGBA（0,0,0,0.5）；
-moz变换：translateY（-100px）；
-webkit转换：translateY（-100px）；
-ms变换：translateY（-100px）；
-o变换：translateY（-100px）；
转换：translateY（-100px）；
}
.p，
.p，
.ul，
.人道公寓{
保证金：0；
填充：0；
}
.ul，
.人道公寓{
列表样式：无；
}
.humanic.humanic-flatty-info，
.humanic-flatty.humanic-flatty-info{
背景色：#3498db；
颜色：#FFF；
}
.人道的，人道的，平淡的，成功的，
.人道-平淡，人道-平淡-成功{
背景色：#18bc9c；
颜色：#FFF；
}
.humanic.humanic-flatty-error，
.humanic-flatty.humanic-flatty-error{
背景色：#e74c3c；
颜色：#FFF；
}
.人性化的动画，
.humanic-flatty.humanic-flatty-animate{
不透明度：1；
-moz变换：translateY（0）；
-webkit转换：translateY（0）；
-ms变换：translateY（0）；
-o变换：translateY（0）；
变换：translateY（0）；
}
.人性化动画：悬停，
.Humanic flatty.Humanic flatty动画：悬停{
不透明度：0.7；
}
.js动画，
.humanic-flatty.humanic-flatty-js-animate{
不透明度：1；
-moz变换：translateY（0）；
-webkit转换：translateY（0）；
-ms变换：translateY（0）；
-o变换：translateY（0）；
变换：translateY（0）；
}
.js动画：悬停，
.Humanic flatty.Humanic flatty js动画：悬停{
不透明度：0.7；
过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=70）；
}

*填写所有字段并按下“检查”按钮。


选中

您可以选择这两个字段并测试它们的值是否为空字符串。如果其中任何一个为空，则显示错误

您可以使用OR运算符

|

来实现这一点

function check() {
    if (document.getElementById('name').value == '' || 
        document.getElementById('country').value == '') {
        flatty2.log("Please fill all fields first!");
    } else {
        // the rest of the thing    
    }
}

---

我知道有一个公认的答案。我只想补充这个答案，说有一个更好的方法进行验证。OP可以向所有需要验证的字段添加一个类。然后验证这些字段。不在if条件下为每个字段新输入此值

JS:

var flag = false;
var validateFields = document.getElementsByClassName("validate");
  for (var i = 0; i < validateFields.length; i++) {
    if (validateFields[i].value == '' || validateFields[i].value == undefined) {
      flatty2.log("Please fill all fields first!");
      flag = true;
    }
  }
  if (flag) {
    //success code
}

<input type="textbox" id="country" class="validate" placeholder="Your country">

密码测试
*填写所有字段并按下“检查”按钮。


检查
如果您的回答是您的问题，请考虑将它标记为未来访问者的答案。