HTML表单编号类型唯一的用户输入与Javascript和PHP - HTML Form Number Type Unique User Input with Javascript and PHP

HTML Form Number Type Unique User Input with Javascript and PHP

这个问题是我之前问的(HTML表单编号类型唯一用户输入)的后续问题，但现在我正在使表单更加动态。

下面的表格要求用户列出他们最喜欢的3种音乐类型:

<form id="genre" name="genre" method="post" action="musicsell.php">
  <input type="checkbox" name="genre[]" id="Rap" value="Rap"/>Rap<br />
  <input type="checkbox" name="genre[]" id="HipHop" value="HipHop"/>HipHop<br />
  <input type="checkbox" name="genre[]" id="RnB" value="RnB"/>RnB<br />
  <input type="checkbox" name="genre[]" id="Rock" value="Rock"/>Rock<br />
  <input type="checkbox" name="genre[]" id="Jazz"value="Jazz"/>Jazz<br />
  <p>
    <input type="submit" value="Next">
    <br />
  </p>
 </form>

从那里，我使用下面的代码，以确保他们只使用数字1,2,3和foreach循环列出他们检查了什么，但我怎么能确保他们不使用相同的数字两次?

<body>
 The genre(s) you selected are: <br />
 <form id="form1" name="form1" method="post" action="musicresults.php">
  <?php
   $name = $_POST['genre'];
   if(isset($_POST['genre'])) {
    foreach ($name as $genre) {  
     ?>
     <input type="number" required="required" id="<?php echo $genre ?>" name="music[<?php echo $genre ?>]" max="3" min="1" />
     <?php echo $genre ?>
     <br /> 
     <?php
    }
   }
  ?>
  <input type="submit" name="button" id="button" value="Submit" />
 </form>
</body>

这是前一个问题的旧javascript代码，但现在id="是由上面的PHP生成的:

 <script type="text/javascript">
    function item() {
        cake = Number(document.getElementById('cake').value);
        twizlers = Number(document.getElementById('twizlers').value);
        taffy = Number(document.getElementById('taffy').value);
        if (cake == twizlers) {
           alert("Some alert cake or twizlers");
        return false;
    } else if (twizlers == taffy) {
        alert("Some alert taffy or twizlers");
        return false;
    } else if (taffy == cake) {
        alert("Some alert taffy or cake");
        return false;
    } else {
        return true;
    }
  }
 </script>

现在该怎么做呢?它一定要在foreach循环中吗?

除非他们破解表单或构建自己的POST提交，否则他们不能两次"使用"同一个复选框。但是您可以很容易地检查重复的值:

$counts = array_count_values(array_values($_POST['genre']));
foreach($counts as $form_value => $cnt) { 
    if ($cnt > 1) { 
        echo "$form_value was entered more than once";
    }
}