jQuery detect if string contains something

Question

I'm trying to write jQuery code to detect if a live string contains a specific set of characters then the string alerts me.

HTML

<textarea class="type"></textarea>

My Jquery

$('.type').keyup(function() {
    var v = $('.type').val();
    if ($('.type').is(":contains('> <')")){
        console.log('contains > <');        
    }
    console.log($('.type').val());
});

if for example I typed the following

> <a href="http://google.com">Google</a> <a href="http://yahoo.com">Yahoo</a>

My code should console log alert me that there > < present in the string.

http://stackoverflow.com/questions/4444477/how-to-tell-if-a-string-contains-a-certain-character-in-javascript — topcat3, Mar 06 '13 at 11:23
What specifically are you trying to do? The answers below does exactly what you ask for, but there might be a better way to go depending on what you're trying to achieve. — qwerty, Mar 06 '13 at 11:26

yckart · Accepted Answer · 2019-07-08T09:12:28.107

You could use String.prototype.indexOf to accomplish that. Try something like this:

$('.type').keyup(function() {
  var v = $(this).val();
  if (v.indexOf('> <') !== -1) {
    console.log('contains > <');
  }
  console.log(v);
});

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

Update

Modern browsers also have a String.prototype.includes method.

Denys Séguret · Answer 2 · 2016-08-02T11:01:45.517

7

You get the value of the textarea, use it :

$('.type').keyup(function() {
    var v = $('.type').val(); // you'd better use this.value here
    if (v.indexOf('> <')!=-1) {
       console.log('contains > <');        
    }
});

edited Aug 02 '16 at 11:01

answered Mar 06 '13 at 11:22

Denys Séguret

372,613
87
782
758

score 7 · Answer 3 · answered Mar 06 '13 at 11:26

7

You can use javascript's indexOf function.

var str1 = "ABCDEFGHIJKLMNOP";
var str2 = "DEFG";
if(str1.indexOf(str2) != -1){
   alert(str2 + " found");
}

answered Mar 06 '13 at 11:26

topcat3

2,561
6
33
57

score 2 · Answer 4 · answered Mar 06 '13 at 11:24

2

use Contains of jquery Contains like this

if ($('.type:contains("> <")').length > 0)
{
 //do stuffs to change 
}

answered Mar 06 '13 at 11:24

Ravi Gadag

15,735
5
57
83

jQuery detect if string contains something

4 Answers4