Replace URL Regex

Question

Edit: Just to be clear, my question is: How to replace the first url with the paste one if the input has already a url as it's value?

I want to replace the url string if the user pastes a string that contains url (must start with a url). On document load, the input has a url already as it's value. For example: http://www.stackoverflow.com/questions.

If user copy string has a url in it, replace the first url string from input.

For example: https://stackoverflow.com/questions/ask

We will replace the first one with the user paste.

I'v done that using code below but nor working as i want.

$(document).on('paste', 'input.link', function(){
    var $element = $(this);
    setTimeout(function(){
        var $val = $element.val();
        var $exp = /(https?:\/\/(?:w{3}\.)?stackoverflow\.com\/?)+/g;

        if($val.match($exp)){
            var $count = 0;

            $val = $val.replace($exp, function(match) {
                $count++;

                if($count > 1) {
                    return match;
                } else {
                    return '';
                }
            });

            $element.val($val);
        }
    }, 100);
});

Test: http://jsfiddle.net/Lt9zn/

Still not clear... If you can mention a couple of examples..!! — Bhavik
– Bhavik, Commented May 27, 2014 at 13:31
@Bhavik I really don't know how you could not understand this explained question... You can see my fiddle yes? That's the example. In short: if the input has a url value in it, if the user pastes a url that input (at the end of the old url), replace the old url with the new one that the user have pasted. Am i clear now? — Canser Yanbakan
– Canser Yanbakan, Commented May 27, 2014 at 13:35

David Atchley · Accepted Answer · 2014-06-03 16:04:22Z

1

So, to be sure, I read your requirements as:

On paste into input
IF existing value is url AND pasted value is url
replace existing url with pasted url

If so, the following will do that continually on paste:

function escape(str) {
  return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
}

var url_match = /(https?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&\/=]*)/;

$('input').on('paste', function() {
    if (url_match.test($(this).val())) {
        var current_value = $(this).val(),
            match_current = new RegExp('^('+escape(current_value)+')(.*)$');
        setTimeout(function() {
            var matches = $('input').val().match(match_current);
            if (matches && matches.length >= 3 && url_match.test(matches[2])) {
                $('input').val(matches[2]);
            }
        },100);
    }
});

See the working JSFiddle Example

answered Jun 3, 2014 at 16:04

David Atchley

1,2048 silver badges10 bronze badges

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

1 Comment

David Atchley Over a year ago

No problem. That was fun little snippet to work on.

Collectives™ on Stack Overflow

Replace URL Regex

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related