用文本开始输入字段

Question

当人们点击或开始在字段中输入时，我需要一个表单字段以http：//开头。以下是我尝试使用的代码：

<script type="text/javascript">
  var input = $( "#website" );
  input.val( input.val() + "http://" );
</script>

当一个人在该字段中输入时，如何强制该字段始终以http：//开头？

Answer 1

试试这个。

jQuery(document).ready(function(){
    $("#website").focus(function(){
        var $input = $(this);
        if ($input.val() === '') {
            $input.val('http://');
        }
    });
});

Answer 2

或许可以开始，虽然它需要一些调整：

$('input').on('keyup', function(e){
    var s = 'http://',
        valid = this.value.substring(0, s.length) === s; 
        //check if text starts with 'http://'

    if(!valid)
        this.value = s;
});

http://jsfiddle.net/L8j281gz/