JavaScript 形成相同的值

Question

我怎样才能制作一个表单，使它们不能在输入中重复相同的值？

我试过这样的方法:

var text1 = document.getElementById('num1').value;
var text2 = document.getElementById('num1').value;
var textform = [text1,text2];
if ( 
      text1 == text2 ||
      text2 == text1
   ) {
        alert("repeated numbers");
            return false;
     }

但这让我陷入了两个麻烦:- 如果我不输入任何值，它会说:Repated Numbers- 如果我想为 100 个表单值制作它，需要大量代码

Answer 1

您可以为所有文本元素赋予相同的类，并通过类名获取它们的值以简化文本值数组的构建。

<input type="text" class="checkDupe" id="input1" />
<input type="text" class="checkDupe" id="input2" />

然后在 javascript 中获取它们的值

var checkDupes = document.getElementsByClassName('checkDupe');
var textArray = [];
for(var i = 0; i < checkDupes.length; i++){
  textArray.push(checkDupes[i].value);
}

现在我们有了他们输入的值数组，通过对数组进行排序来检查是否有任何值重复，并查看是否有任何两个并排的元素相同。

textArray.sort();
var dupes = false;
for(var i = 0; i < textArray.length; i++){
  if(textArray[i] === textArray[i + 1]) dupes = true;
}

如果我们发现任何重复项，请告知用户。

if(dupes) alert('Repeated numbers!');