Geek Answers Handbook

How to check if values ​​exist in an array in an array in jquery / javascript

I searched over the internet, but nothing seems like my problem. I want to add question numbersfor questions in the box text, and the numbers should be unique. I am trying to check if there is array of numbersan array with the number of questions (e.g. 8 questions), then if it is in the array, you can enter the number as long as it is not entered yet, but my code is not at work. How can i do this? See my code below for reference.

$(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>
Run codeHide result

Accepted answer: but UPDATE required

Accepted answer from @Shiladitya

+6
source share
1 answer

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>
Hide result

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>
Hide result

, .

0

More articles:


All Articles