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.

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
– qwerty, Commented Mar 6, 2013 at 11:26

yckart · Accepted Answer · 2019-07-08 09:12:28Z

37

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.

edited Jul 8, 2019 at 9:12

answered Mar 6, 2013 at 11:25

yckart

33.6k11 gold badges126 silver badges133 bronze badges

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

Comments

topcat3 · Accepted Answer · 2013-03-06 11:26:23Z

7

You can use javascript's indexOf function.

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

answered Mar 6, 2013 at 11:26

topcat3

2,6706 gold badges36 silver badges58 bronze badges

Comments

Denys Séguret · Accepted Answer · 2016-08-02 11:01:45Z

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 2, 2016 at 11:01

answered Mar 6, 2013 at 11:22

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

Comments

Ravi Gadag · Accepted Answer · 2013-03-06 11:24:48Z

2

use Contains of jquery Contains like this

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

answered Mar 6, 2013 at 11:24

Ravi Gadag

15.9k5 gold badges60 silver badges85 bronze badges

Collectives™ on Stack Overflow

jQuery detect if string contains something

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related