我想啓用自動完成的jQuery用戶時進入@

我想使用jQuery的自動完成當用戶在文本框用於輸入電子郵件地址輸入@我想啓用自動完成的jQuery用戶時進入@

當用戶輸入@ afrer輸入他的電子郵件ID域名列表像@gmail .com，hotmail.com，yahoo.com應爲

已填充，以便用戶可以選擇它而不是從自動填充中輸入。

我試過，但它不工作

我的代碼是

<!DOCTYPE html> 
<html> 
<head> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

    <script type="text/javascript"> 

    $(document).ready(function() { 

     var autocompOpts = { 
      minChars:0, 
      matchSubset:false, 
      matchContains: true, 
      disabled: true, 
      source : ["@gmail.com", "@yahoo-inc.com", "@yahoo.com", "@yahoo.co.in", "@rediff.com", "@rediffmail.com", "@hotmail.com", "@msn.com", ]   
     };  

     $("input#autocomplete").autocomplete(autocompOpts); 

     $("input#autocomplete").bind('keyup', function(event) { 

      if(event.shiftKey==1) 
      { 
       if(event.keyCode==50) 
       {  
        $("input#autocomplete").autocomplete("option", "disabled", false); 
        var opt = $("input#autocomplete").autocomplete("option", "disabled"); 
        alert(opt); 
       } 
      } 
     }); 
    }); 
    </script> 
</head> 
<body style="font-size:62.5%;"> 
    <center> 
<input id="autocomplete" /> 

</body> 
</html>

來源

2010-08-27 user432843

人太多了，這裏的格式！ – RobertPitt 2010-08-27 11:25:39

讓我先清理碼了一點：

$(document).ready(function() 
{ 
     var autocompOpts = { 
      minChars:0, 
      matchSubset:false, 
      matchContains: true, 
      disabled: true, 
      source :[ 
       "@gmail.com", 
       "@yahoo-inc.com", 
       "@yahoo.com", 
       "@yahoo.co.in", 
       "@rediff.com", 
       "@rediffmail.com", 
       "@hotmail.com", 
       "@msn.com" 
      ] 
     }; 

     var input = $("#autocomplete"); 
     input.autocomplete(autocompOpts); 

     input.bind('keyup', function(event) 
     { 
      if(event.shiftKey == 1 && event.keyCode == 50) 
      { 
       input.autocomplete({disabled: false}); 
      } 
     }); 
    });

做了一些小的改進和代碼清理，試試看。

另外，你甚至包括文獻庫？

<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>

來源

2010-08-27 11:30:54 RobertPitt

它沒有工作。我使用了@ 用戶輸入的關鍵事件，並且我禁用了false，但它確實給了我自動完成。什麼問題。 – user432843 2010-08-28 06:29:41

我認爲事件可能是一個私人關鍵字，嘗試改變'功能（事件）'功能（E）'，否則代碼看起來很完美，它必須是自動完成分機的問題;嘗試使用chrome並點擊'Ctrl-Shift-J'打開控制檯。 – RobertPitt 2010-08-28 12:39:07

這裏，我們去：On jsfiddle.net

代碼：

$(document).ready(function() { 
    var autocompOpts = { 
     minChars:0, 
     matchSubset:false, 
     matchContains: true, 
     source : [] 
    }; 

    var domains = [ 
     "@gmail.com", 
     "@yahoo-inc.com", 
     "@yahoo.com", 
     "@yahoo.co.in", 
     "@rediff.com", 
     "@rediffmail.com", 
     "@hotmail.com", 
     "@msn.com" 
    ]; 

    var input = $("#autocomplete"); 
    input.autocomplete(autocompOpts); 

    input.bind('keyup', function(event) { 
     if (event.shiftKey == 1 && event.keyCode == 50) { 
      var userName = $(this).val(); 
      userName = userName.substring(0, userName.length - 1); 
      var emailIDs = []; 
      $.each(domains, function(index,domain){ 
       emailIDs.push(userName + domain); 
      }); 
      autocompOpts.source = emailIDs; 
      $(this).autocomplete(autocompOpts); 
     } 
    }); 
});

來源

2010-08-28 15:43:35

它正在工作，但輸入@符號後需要太多時間。或者有一段時間autocomlte確實填充。 – user432843 2010-08-30 04:39:29

所有與更快的解決方案的最佳... :) – 2010-08-30 11:24:29

我想啓用自動完成的jQuery用戶時進入@

回答

相關問題