ansaurus

Question

Strip "http://" from pasted text into textbox

Answer 1

+1 A:

You can use string.replace(), basic JavaScript really, it actually accepts a regex so string.replace(/^http:\/\//,"") should suffice.

Lloyd 2010-07-29 14:50:13

This also removes `http://` when it's in the middle of a string

Marcel Korpel 2010-07-29 14:51:26

That's very true yes, guess you have to do something like a regex ^http://

Lloyd 2010-07-29 15:19:51

Added the regex version, this should do as thought.

Lloyd 2010-07-29 15:22:21

Answer 2

+1 A:

Assuming you want it stripped out as soon as the user types/pastes it:

Lets say for arguments sake that you've given the text input the id "url":

$(document).ready(function(){

  var timer;

  $("#url").live("keyup",function(){
       clearTimeout(timer);

       timer = setTimeout(function(){
           var textbox = $("#url");
           if (textbox.val().indexOf("https://") == 0)
               textbox.val(textbox.val().substring(8));
           if (textbox.val().indexOf("http://") == 0)
               textbox.val(textbox.val().substring(7));
       },500);
   });
});

As mentioned by @Marcel Korpel in the comments this should now take care of what you want.

Ryan 2010-07-29 14:54:08

You could also do this `onkeypress` in combination with a timer (of (e.g.) one second, so one second after the last key is pressed the form field changes). And yes, I've seen URLs with `http://` in the middle of it, when using a site as some kind of proxy (to access sites from another IP address that has a subscription; e.g.: `https://www.example.com/access/http://hiddensite.org`).

Marcel Korpel 2010-07-29 15:21:20

@Marcel: please see my revised post above and let me know if that works. I set the delay to be only half a second as opposed to a full second but that is easily changed.

Ryan 2010-07-29 15:43:32

@Ryan: this [works](http://jsbin.com/ihopu/edit#preview), though I'm not sure if this works for the OP's actual problem ;), as it strips the protocol regardless of the fact it's `http:` or `https:`, making several sites inaccessible (when reattaching `http:` in the output).

Marcel Korpel 2010-07-29 16:01:13

With some slight modifications this worked very well. Thank you!

Anders Forslund 2010-07-30 11:26:34

Answer 3

+1 A:

This will check to make sure that it starts with http:// and then replaces that.

$(document).ready(
    function()
    {
       $("#url").change(
           function()
           {
               var textbox = $(this);
               if (textbox.val().indexOf("http://") == 0)
                   textbox.val(textbox.val().substring(7));
           });
    });

Here is also a working example to check out: http://jsfiddle.net/epwDA/4/

spinon 2010-07-29 14:57:55

Thanks! Not quite as good as Ryan's solution but this also worked as a charm. Will mark this answer as useful when I can (apparently im too new to this site to do that yet..)And thanks for the tip about jfiddle

Anders Forslund 2010-07-30 11:30:30

Answer 4

A:

Thanks for all the answers. I will try it tomorrow. I think Ryan's example is the best for me since you say it strips it directly at the paste. And i didnt mention it but it is suppose to work with both http and https (i know which one to reattach afterwards).

I´ll be back with some feedback!

Anders Forslund 2010-07-29 20:32:14

Great but this isn't an answer; you should post this as a comment, probably to Ryan's answer. That said, good to know you're aware of the http/https issue.

Marcel Korpel 2010-07-30 10:33:36

Done. I'm new to this site so you will have to excuse me :)

Anders Forslund 2010-07-30 11:27:09

@Anders: No problem. :) Now you can delete this 'answer' (use the `delete` option below your answer).

Marcel Korpel 2010-08-01 10:28:39

BTW, I see you made two separate accounts here? Why?

Marcel Korpel 2010-08-01 10:34:30

ansaurus

tags:

views:

answers:

Strip "http://" from pasted text into textbox

related questions