How to using jQuery to check input value contain value with in the array?

Question

I got a website need to check user input value is contain porn site URL or not, so I can do reject the input

Using: Chrome

$porn = [''];
$.getJSON('https://cdn.rawgit.com/aredo/porn-site-list/master/sites.json',function(data){
  $(data).each(function(index,value){
    $pornlist = value.host;
    $porn.push($pornlist);
  });

$('.urlinput').on('input',function(){
  $text = $(this).val();

  if (jQuery.inArray($porn,$text) != -1) {
    //Porn site not allow
    console.log('in webiste')
  } else {

    //Not porn site allow
      console.log('not in website')
  }

  });

});

If you don't need <IE9 support, Array.prototype.indexOf works fine as well. — Taplar
– Taplar, Commented Jun 29, 2016 at 12:11
I try stackoverflow.com/questions/18867599/… before,but still not working — Felix Fong
– Felix Fong, Commented Jun 29, 2016 at 12:13
Also, just personal opinion, these are not jQuery objects, so prefixing the variables with '$' is unnecessary. — Taplar
– Taplar, Commented Jun 29, 2016 at 12:17

Jayesh Chitroda · Accepted Answer · 2016-06-29 12:14:50Z

2

Try:

$site = ['google','facebook','twitter'];
$text = 'facesbook';
if (jQuery.inArray($text, $site)  !== -1 ) {
    console.log('in webiste')
}else {
    console.log('not in website')
}

answered Jun 29, 2016 at 12:14

Jayesh Chitroda

5,03915 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rory McCrossan Over a year ago

An explanation of the problem helps to educate the user too,

Theodore K. · Accepted Answer · 2016-06-29 12:21:58Z

2

jQuery.inArray($text, $site) >-1 is the key. When no match found -1 will be returned instead of the index.

Demo: http://codepen.io/8odoros/pen/aZJPgV

$site = ['google','facebook','twitter'];

//$('.urlinput').on('input',function(){
  //$text = $(this).val();
  $text = 'facebook';

  if (jQuery.inArray($text, $site) >-1) {
    console.log('in webiste')
  }else {
    console.log('not in website')
  }

// });

edited Jun 29, 2016 at 12:21

answered Jun 29, 2016 at 12:13

Theodore K.

5,2064 gold badges32 silver badges47 bronze badges

3 Comments

Taplar Over a year ago

What does this question have to do with php?

Rory McCrossan Over a year ago

An explanation of the problem helps to educate the user too,

Theodore K. Over a year ago

@Felix, maybe jQuery is missing from that page then? It should work.

Rory McCrossan · Accepted Answer · 2016-06-29 12:14:48Z

1

Your issue is comparing the result to true. $.inArray (as with indexOf) returns an integer value. -1 if the element is not found and it's index in the array if it is found. Therefore your logic would return true when -1 or > 0 and false if the element is found at index 0.

To fix this, compare to -1 instead:

if (jQuery.inArray($text, $site) != -1) {
    console.log('in webiste')
} else {
    console.log('not in website')
}

answered Jun 29, 2016 at 12:14

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

Comments

zakhefron · Accepted Answer · 2016-06-29 12:15:56Z

1

$.inArray($string, $array) returns the index of the element in the array, if it exists in the array. If the element was not found, -1 will be returned

$site = ['google', 'facebook', 'twitter'];
$text = 'facebook';
if ($.inArray($text, $site) !== -1) {
  console.log('in webiste')
} else {
  $.log('not in website')
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

answered Jun 29, 2016 at 12:15

zakhefron

1,4431 gold badge9 silver badges14 bronze badges

Comments

Theodore K. · Accepted Answer · 2016-06-29 12:46:01Z

-1

You need to run the loop and test the value

for ( var i = 0; i < $site.length; i++){
 if ( $site[i] == $text) {
    console.log('in webiste')
  }else {
    console.log('not in website')
  }
}

edited Jun 29, 2016 at 12:46

Theodore K.

5,2064 gold badges32 silver badges47 bronze badges

answered Jun 29, 2016 at 12:15

Akash

3777 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to using jQuery to check input value contain value with in the array?

5 Answers 5

1 Comment

3 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related