2014-11-20 96 views
0

我需要一个表单字段以http://开头,当有人点击或开始输入字段时。开始输入字段和文本

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

我怎么能强迫场总是以http:下面是代码,我试图用它//当一个人的类型在这个领域?

回答

1

试试这个。

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

如果用户点击后列到这将替换该领域的现有内容编辑值,所以你可能想包括一个检查'if $ input.val()===''...' – mikej 2014-11-20 20:26:19

+1

你说得对。编辑上面的代码来改进它。 – 2014-11-20 20:29:07

0

东西下手也许,但它会需要一些调整:

$('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/