finding out if a text input includes a specific text with jquery

Question

what is the best way of finding out if a text input includes a specific text with JQuery?

For example, how can I find out and return a Boolean result if $('#poo').val() includes airport?

EDIT

Here is the solution to my problem thanks to @Niklas;

var IsbtFortxtPropertyHotelNameOn = false;
$('#<%: txtPropertyHotelName.ClientID %>').keyup(function() { 

    if (/airport/i.test(this.value) && !IsbtFortxtPropertyHotelNameOn) { 
        $('#<%: txtPropertyHotelName.ClientID %>').btOn();
        IsbtFortxtPropertyHotelNameOn = true;
    } else if(IsbtFortxtPropertyHotelNameOn && !/airport/i.test(this.value)) {
        $('#<%: txtPropertyHotelName.ClientID %>').btOff();
        IsbtFortxtPropertyHotelNameOn = false;
    }
});

Niklas · Accepted Answer · 2011-06-29 09:47:19Z

4

If you want to have control over the case-sensitivity, you could use regex:

if (/airport/i.test(this.value)) alert('true');

It becomes especially useful if you need to check for multiple variables instead of just airport:

if (/(airport|station|docks)/i.test(this.value)) alert('true');

http://jsfiddle.net/niklasvh/tHLdD/

answered Jun 29, 2011 at 9:47

Niklas

30k5 gold badges54 silver badges74 bronze badges

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

1 Comment

tugberk Over a year ago

Nice touch there. the best one. I am gonna use it blur event instead of keyup. thanks !

Ruslan · Accepted Answer · 2011-06-29 09:50:36Z

1

normally you'd do it with either indexOf or split functions, e.g.

$("#textInput").val().split("specifictext").length > 0

there's also Contains Selector:

Description: Select all elements that contain the specified text.

which serves a slightly different purpose but may be of use to you

edited Jun 29, 2011 at 9:50

answered Jun 29, 2011 at 9:40

Ruslan

10.2k15 gold badges59 silver badges92 bronze badges

Comments

James Allardice · Accepted Answer · 2011-06-29 09:41:36Z

0

if($("#elementId").val().indexOf("airport") != -1) {
    //Contains "airport"
}

The JavaScript indexOf function returns the index of the first occurence of the specified string. If the string is not found, it returns -1.

answered Jun 29, 2011 at 9:41

James Allardice

166k22 gold badges335 silver badges315 bronze badges

Comments

José Leal · Accepted Answer · 2011-06-29 09:41:44Z

0

Don't really know if it's the best way.. but

function findInpWithTxt(txt) {
    var t = null;
    $("input[type=text]").each(function() {
        if ($(this).val().indexOf(txt) >= 0) {
            t = this;
            return false;
        }
    });
    return t;
}

this will return the input if found, null if not

answered Jun 29, 2011 at 9:41

José Leal

8,1699 gold badges39 silver badges54 bronze badges

1 Comment

José Leal Over a year ago

Sorry, didn't read the update, for me he was looking for all of them.

Collectives™ on Stack Overflow

finding out if a text input includes a specific text with jquery

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Related