php - 在上下菜单上限制数字输入以消除重复项时遇到问题

Question

我正在尝试使用 PHP 和 html 创建一个网页，其中包含 4 个数字输入，用户可以使用这些输入按特定顺序放置值。我的问题是，如果用户选择一个号码，我不希望用户能够再次选择相同的号码。

我找不到允许此类事情成为可能的引用，我只能找到如何限制最小值和最大值。

Answer 1

正如@Emma 已经提到的，您将需要在客户端上使用某种类型的 JavaScript 代码来检查用户输入。通常我会选择 jquery 来简化一些事情，但这取决于你的偏好，我。 e.您想要使用哪个库或框架。

下面是一个用纯 JavaScript 编写的非常简短的示例 (MVP)，展示了执行此类输入检查的可能方法:

var num=document.getElementsByClassName('sequence');
for (var i=num.length;i--;) num[i].addEventListener('change',function(ev){
  for (var i=num.length;i--;) {
  if (ev.target!==num[i] && ev.target.value==num[i].value)
     console.log("illegal repetition of "+ev.target.value);
  }
})

<input type="number" name="num[]" class="sequence" value="1"/>
<input type="number" name="num[]" class="sequence" value="2"/>
<input type="number" name="num[]" class="sequence" value="3"/>
<input type="number" name="num[]" class="sequence" value="4"/>