如何检查数组中的值是否存在于jquery / javascript中的数组中

Question

我在互联网上搜索但是我的问题看起来并不相同。 我想要的是在text字段中为问题添加question numbers ，数字应该是unique 。 我正在尝试检查array of numbers是否存在于多个问题的数组中(eg 8 questions) ，然后如果它在数组中，只要not entered yet输入数字，您就可以输入数字，但是我的代码不管用。 我怎样才能做到这一点？ 请参阅下面的代码以供参考。

 $(document).ready(function(){ var try1; var arrayLen = $('#question\\\\[\\\\]').length; var numArray = []; var convertedArray; for(i = 1; i <= arrayLen; i++){ numArray.push(i); } $('#question\\\\[\\\\]').on('input', function(){ if($.inArray($(this).val(), numArray) !== -1){ $('#result').html("available"); } else{ $("#result").html("not available"); return false; } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" id="question[]" placeholder="multipleChoice"><br><br> <input type="text" id="question[]" placeholder="trueFalse"><br><br> <input type="text" id="question[]" placeholder="shortAnswer"><br><br> <input type="text" id="question[]" placeholder="shortAnswer"><br><br> <input type="text" id="question[]" placeholder="description"><br><br> <input type="text" id="question[]" placeholder="multipleChoice"><br><br> <input type="text" id="question[]" placeholder="multipleChoice"><br><br> <input type="text" id="question[]" placeholder="trueFalse"><br><br> <span id="result"></span> 

一般承认答案： 但需要更新

@Shiladitya接受的回答

Answer 1

在这里，您可以使用解决方案https://jsfiddle.net/33zeL2fa/5/

 $(document).ready(function(){ var arrayLen = $('input[name="question[]"]').length; var numArray = []; for(i = 1; i <= arrayLen; i++){ numArray.push(i); } $('input[name="question[]"').keypress(function(e){ if(numArray.indexOf(parseInt(e.key)) != -1){ $('#result').html("available"); numArray.splice(numArray.indexOf(parseInt(e.key)), 1); } else{ $("#result").html("not available"); e.preventDefault(); } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" name="question[]" placeholder="multipleChoice"><br><br> <input type="text" name="question[]" placeholder="trueFalse"><br><br> <input type="text" name="question[]" placeholder="shortAnswer"><br><br> <input type="text" name="question[]" placeholder="shortAnswer"><br><br> <input type="text" name="question[]" placeholder="description"><br><br> <input type="text" name="question[]" placeholder="multipleChoice"><br><br> <input type="text" name="question[]" placeholder="multipleChoice"><br><br> <input type="text" name="question[]" placeholder="trueFalse"><br><br> <span id="result"></span> 

我使用过jQuery keydown事件。

更多验证更新她去了https://jsfiddle.net/33zeL2fa/6/

 $(document).ready(function(){ var try1; var arrayLen = $('input[name="question[]"]').length; var numArray = []; var convertedArray = []; for(i = 1; i <= arrayLen; i++){ numArray.push(i); } $('input[name="question[]"').keydown(function(e){ if(e.which === 8 || e.keyCode === 8){ numArray.push(parseInt($(this).attr('newval'))); $(this).removeAttr('newval'); } else { if(numArray.indexOf(parseInt(e.key)) != -1){ $('#result').html("available"); $(this).attr('newval', e.key); numArray.splice(numArray.indexOf(parseInt(e.key)), 1); } else{ $("#result").html("not available"); e.preventDefault(); } } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" name="question[]" placeholder="multipleChoice"><br><br> <input type="text" name="question[]" placeholder="trueFalse"><br><br> <input type="text" name="question[]" placeholder="shortAnswer"><br><br> <input type="text" name="question[]" placeholder="shortAnswer"><br><br> <input type="text" name="question[]" placeholder="description"><br><br> <input type="text" name="question[]" placeholder="multipleChoice"><br><br> <input type="text" name="question[]" placeholder="multipleChoice"><br><br> <input type="text" name="question[]" placeholder="trueFalse"><br><br> <span id="result"></span> 

希望这会帮助你。