首页>>表单>>jQuery电子邮件地址填写自动完成(2019-12-17)

jQuery电子邮件地址填写自动完成

输入邮箱的前几个字符（例如："@g"），会得到"@sina.com"的自动提示，点击或按 tab 键 可以自动完成邮箱的填写。

jQuery电子邮件地址填写自动完成
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <form role="form">  
  2.         <div class="form-group">  
  3.           <label for="email">Email address</label>  
  4.           <input type="email" class="form-control email" id="email" placeholder="Enter email">  
  5.           <span class="help-block">按 tab 键自动完成并跳转到下一个表单字段。</span>  
  6.         </div>  
  7.         <div class="form-group">  
  8.           <label for="email2">Secondary Email address</label>  
  9.           <input type="text" class="form-control email" id="email2" placeholder="Enter email">  
  10.         </div>  
  11.       </form>  

 

JavaScript Code
  1. <script>  
  2.   (function($){  
  3.     $(function() {  
  4.       $(".email").emailautocomplete({  
  5.         domains: [  
  6.             "qq.com",  
  7.             "126.com",  
  8.             "163.com",  
  9.             "sina.com",  
  10.             "sohu.com",  
  11.             "tom.com",  
  12.             "21cn.com",  
  13.             "139.com",  
  14.             "189.com",  
  15.             "yeah.com",  
  16.         ] //add your own domains  
  17.       });  
  18.     });  
  19.   }(jQuery));  
  20.   </script>  

 


原文地址:http://www.freejs.net/article_biaodan_829.html