使用js实现的邮箱自动补全

Bertha 。 2022-05-28 01:42 240阅读 0赞

**1.页面代码**

<input type="text" id="username" name="username" list="input_list"/> <datalist id="input_list"></datalist>

<script src="/static/test.js" type="application/javascript"></script>

**2.JS代码**

tsc = {};
    tsc.result = {
        //初始化页面 init: function () {
           //初始化绑定事件 tsc.result.event();
        },
        //给标签绑定事件 event : function(){
            tsc.result.inputlist($('#username'),$('#input_list'));
        },
        //邮箱账号补全的方法 inputlist : function (input,list) {
            var mailBox = [
                "@163.com",
                "@126.com",
                "@qq.com",
                "@sina.com",
                "@yahoo.com" ];
            input.bind('input propertychange',function(){
                var key = input.val();
                if(key.indexOf('@') != -1){
                    key = key.slice(0,key.indexOf('@'));
                    var mailBoxLen = mailBox.length;
                    var html = "";
                    for(var i = 0; i < mailBoxLen; i++){
                        html += '<option value="'+ key + mailBox[i] + '"></option>';
                    }
                    list.html(html);
                }else{
                    list.html('');
                }
            })
        }
    };
    
    $(function(){
        tsc.result.init();
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，240人围观）

还没有评论，来说两句吧...

相关阅读

相关 Tab 自动补全

目录 1. 命名空间补全 2. 属性方法补全 3. 函数参数补全 4. 文件路径补全 IPython/Jupyter 提供不亚于集成开发环境的自

柔光的暖阳◎/ 2022年12月11日 07:55/ 0 赞/ 236 阅读

相关 editplus的自动补全

如何使用editplus的自动补全：工具-->首选项-->文件-->文件类型及语法找到：对应的PHP/HTML/js等对应于下方的

雨点打透心脏的1/2处/ 2022年08月07日 05:42/ 0 赞/ 337 阅读

相关仿谷歌自动补全js

大四那年在东软实习时，编写的一个仿谷歌自动补全的js。而且已改造通用模板，根据οnfοcus="init('hotKeyword1','1','<%=path %>/googl

╰半夏微凉°/ 2022年07月13日 12:57/ 0 赞/ 147 阅读

相关 Eclipse自动补全

对于编程人员来说，在编写Java程序时，要记住大量的类名及方法名实在有点太痛苦了，Eclipse提供了自动代码自动补全功能，设置方式如下：Window->Preference-

矫情吗；*/ 2022年06月15日 09:21/ 0 赞/ 388 阅读

相关 Android实现文本框自动补全

首先，我们要实现文本框的自动补全需要用到AutoCompleteTextView标签与适配器，以下为代码示例： 1.java内代码： ![Center][] 2.v

曾经终败给现在/ 2022年06月14日 03:50/ 0 赞/ 339 阅读

相关使用js实现的邮箱自动补全

1.页面代码 <input type="text" id="username" name="username" list="input_list"/> <datali

Bertha 。/ 2022年05月28日 01:42/ 0 赞/ 241 阅读

相关 springmvc实现自动补全功能

最近在做一个分享圈的项目，采用是ssm实现,于是在前端搜索框中实现一个类似百度的自动补全功能的搜索框来进行查询。思路：前端把数据传到后台，后台用springmvc接收

港控/mmm°/ 2022年05月24日 01:10/ 0 赞/ 280 阅读

相关 jQuery邮箱自动补全代码

[jQuery邮箱自动补全代码][jQuery] JScript 代码复制 ![None.gif][] (function($){ $

你的名字/ 2022年04月24日 04:42/ 0 赞/ 292 阅读

相关 jquery邮箱自动补全

在使用前需要有如下文件: jquery-1.7.1.min.js jquery.mailAutoComplete-3.1.js 大家可以到网上下载: 【jquer

深藏阁楼爱情的钟/ 2021年12月03日 06:29/ 0 赞/ 416 阅读

相关实现Jquery的自动补全功能

摘要： > jquery有一个自动不全的插件，现在记录一下如何实现jquery的自动补全功能。话不多说，直接开始：第一步：引入支持jquery自动补全的相关插件

左手的ㄟ右手/ 2021年06月11日 15:11/ 0 赞/ 601 阅读