Javascript 当iam输入gmail id时,我想获得auto suggest@gmail.com

Javascript 当iam输入gmail id时,我想获得auto suggest@gmail.com,javascript,jquery,codeigniter,Javascript,Jquery,Codeigniter,我有一个登录表单,询问电子邮件id和密码。在email id字段中,我想在键入时实现自动建议,如@gmail.comxxx@. 有谁能告诉我们如何实现这一点?我正在使用下面给出的代码 $(function () { var acList = ['gmail.com', 'yahoo.com', 'hotmail.com' ]; var lastDot = -1; $("#tags").autocomplete({ minLength: 0, s

我有一个登录表单,询问电子邮件id和密码。在email id字段中,我想在键入时实现自动建议,如
@gmail.com
xxx@. 有谁能告诉我们如何实现这一点?我正在使用下面给出的代码

$(function () {
  var acList = ['gmail.com',
    'yahoo.com',
    'hotmail.com'
    ];
  var lastDot = -1;
  $("#tags").autocomplete({
    minLength: 0,
    source: function (request, response) {
      if (lastDot>=0) {
        response($.ui.autocomplete.filter(
        acList, extractLast(request.term.substring(lastDot+1))));          
      }
    },
    focus: function () {
      return false;
    },
    select: function (event, ui) {
      var terms = split(this.value);
      terms.pop();
      terms.push(ui.item.value);
      terms.push("");
      this.value = this.value.substr(0,lastDot+1);
      this.value += terms.join("");
      return false;
    }
  }).on("keypress", function (e) {
    var keys = [];
    keys.unshift(e.which);
    if (String.fromCharCode(keys[0]) == "@") {
      lastDot =  $("#tags").val().length;
    }
  });
  function split(val) {
    return val.split(/,\s*/);
  }
  function extractLast(term) {
    return split(term).pop();
  }
});

<input id="tags" type="input" />
$(函数(){
var acList=['gmail.com',
"雅虎网站",,
“hotmail.com”
];
var lastDot=-1;
$(“#标记”).autocomplete({
最小长度:0,
来源:功能(请求、响应){
如果(lastDot>=0){
响应($.ui.autocomplete.filter(
acList,extractLast(request.term.substring(lastDot+1));
}
},
焦点:功能(){
返回false;
},
选择:功能(事件、用户界面){
var术语=分割(该值);
terms.pop();
术语推送(ui.item.value);
术语。推送(“”);
this.value=this.value.substr(0,lastDot+1);
this.value+=terms.join(“”);
返回false;
}
}).开启(“按键”,功能(e){
var键=[];
键。取消移位(例如,哪个键);
if(String.fromCharCode(键[0])==“@”){
lastDot=$(“#标记”).val().length;
}
});
功能拆分(val){
返回val.split(/,\s*/);
}
功能提取最后(学期){
返回拆分(term.pop();
}
});

将此添加到您的头脑中:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

您忘记加载脚本中使用的jQuery库


任何人能告诉我如何实现这一点吗?你怎么知道在你输入电子邮件的时候它是Gmail ID?请考虑一下。xxx@gmail.com是我的邮件id。当我键入xxx@show suggestions作为gmail.com时,yahoo.com等会觉得你的代码已经在做你要求的事情了。。。看到了吗?那么问题是什么?这是我的输入字段,我将脚本放在头标记中,但现在也显示了相同的问题,即当我输入我的gmail id时,没有任何提示