backspace keypress not supported in chrome...

[The Little Guy]

I am using jquery, and I would like to force the first text in the text box to be http:// I would like it so a user can not delete that text.

 

any suggestions on how to keep it there?

 

I would use keypress(), but the backspace isn't supported in Chrome.

 

keydown deletes the last "/"

keyup deletes the last "/" then adds it back.

 

Here is the code (replace keypress with keyup/keydown):

$("#domainTest").keypress(function(){
if(!$(this).val().match(/^http:\/\//)){
	$(this).val("http://");
	return false;
}
});

 

So, what can I do?

[joel24]

why not use PHP to add it after form submission? and have the input bg set to an image of the text 'http://' ?

 

or use jquery's change() function

[The Little Guy]

why not use PHP to add it after form submission? and have the input bg set to an image of the text 'http://' ?

 

Because it is just for a visual purpose, php will take out http/https, but I do like the image idea...

[kicken]

Or just put it in front of the text box.  eg:

 

<p>http://<input type="text"></p>

 

[The Little Guy]

I went with the background image idea.

 

Thanks!