how to check value of <input> field if a certain text still exist in javascript/jQuery

Question

how do you check if a string/text still exist in an HTML element particularly <input>?

i have this code $("input").bind('paste', function(e) { that captures paste events and checks if the pasted text contains a youtube url, parse it via regex and simply print the youtube url in a <div> element.

how can i make javascript to delete the printed data, if the link is removed/deleted in the input element

here is a sample: http://jsfiddle.net/8Pvr4/5/

input any youtube url in the textfield, and it should display something. then remove the url, the data still remains.

basically i just want the printed output to disappear once the existence of the url is removed in my input

initial thought was adding some onChange event to the input but im not quite sure how can i do it without messing the current code.

yes. i did already. but the problem with that. it recognizes the ctrl and v so it prints the result twice. and pasting using mouse is not recognized. — bobbyjones
– bobbyjones, Commented Oct 28, 2013 at 3:55

Rohan Kumar · Accepted Answer · 2013-10-28 03:56:38Z

1

Try this with keyup event like

$("#input").on({
    'paste': function (e) {
        $("#print").html('');
        var val = e.originalEvent.clipboardData.getData('text/plain');
        if (youtube.test(val)) {
            var yurl = val.match(youtube)[0];
            $("#print").html(yurl);
        }
    },
        'keyup': function (e) {
        $("#print").html('');
        var val = this.value;
        if (youtube.test(val)) {
            var yurl = val.match(youtube)[0];
            $("#print").html(yurl);
        }
    }
});

Demo

answered Oct 28, 2013 at 3:56

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

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

Collectives™ on Stack Overflow

how to check value of <input> field if a certain text still exist in javascript/jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related