javascript - 当用户通过jquery在文本框中输入时，如何自动添加字符串 "http://'

Question

我想自动在文本框的值前面加上 http://。

例如，cateno.no 应变为 http://cateno.no，但 http://google.com 应保留一样的。

这是 HTML:

<input id="urlBanner" type ="text" style ="width:450px;" maxlenght="100" />

Answer 1

您可以绑定(bind)到 change 输入的事件并评估值:

$(document).ready(function () {
    $("#urlBanner").change(function() {
        if (!/^http:\/\//.test(this.value)) {
            this.value = "http://" + this.value;
        }
    });
});

示例: http://jsfiddle.net/andrewwhitaker/gnHLz/

或者，如果您不喜欢正则表达式，您可以使用 indexOf :

$(document).ready(function () {
    $("#urlBanner").change(function() {
        if (this.value.indexOf("http://") !== 0) {
            this.value = "http://" + this.value;
        }
    });
});

示例: http://jsfiddle.net/andrewwhitaker/fYRUW/