jq 实现输入自动提示邮箱后缀

jQuery 实现带下拉提示且自动填充的邮箱

/* ** 本文例子所引用的jQuery版本为 jQuery-1.8.3.min.js ** Author:博客园小dee*/ 本文用 jQuery 实现一个用户输入字符时出现能够提示邮箱后缀名的下拉菜单,并且在选择下拉菜单中的邮箱后缀名后可自动填充未完成的输入框,在做这个功能时候,我参考的是网易注册(http://reg.163.com/reg/reg.jsp?product=urs)中的邮箱栏目所实现的功能与效果.这个功能的目的是使用户在填写邮箱栏目的过程中,在带有邮箱后缀名的菜单的提示下,

jquery 实现邮箱输入自动提示功能：（二）

上篇文章写到了一个不错的jquery实现邮箱输入自动提示功能,发现还有一个不错的自动提示插件: 先展示结果如图: html代码: <center> <h1>输入邮箱试试!</h1> <br /> <div class="parentCls"><input type="text" class="inputElem"></div> </center> cs

jquery 实现邮箱输入自动提示功能：（一）

记得去年做某个项目的时候,用到了邮箱输入自动提示功能,于是网上搜了一下,发现了这个写得不错,现在回想起来,转载一下,方便查阅. 邮箱的广泛使用得益于它的免费,因此很多网站在注册的时候都会直接使用邮箱作为账号名为了提高用户的体验,很多网站都会实现邮箱输入的自动提示功能. 实现效果如图所示: 核心代码(需要jquery的支持): (function($){ $.fn.mailAutoComplete = function(options){ var defaults = { boxClass: "

应用emailAutoComplete.js来自动显示邮箱后缀列表

我们经常有邮箱的人都特别清楚,在输入我们的邮箱时,会自动显示出邮箱后缀列表,这个用户体验是不错的. 操作据悉——当我们输入文字时,会自动有个邮箱后缀名的列表. 而我这边的代码是,应用jquery架包,以及emailAutoComplete.js.这边html中只是给输入框一个class,还有父级元素class.邮箱列表,可以在emailAutoComplete.js中根据需要进行编辑. 具体操作如下: 1. 支持键盘上下移键盘操作,支持鼠标点击及按回车操作. 2. 点击doc

jquery 实现邮箱输入自动提示功能

邮箱的广泛使用得益于它的免费,因此很多网站在注册的时候都会直接使用邮箱作为账号名为了提高用户的体验,很多网站都会实现邮箱输入的自动提示功能,所有自己也实现了一个,先看下效果吧,觉得效果还行的就拿去核心代码(需要jquery的支持): (function($){ $.fn.mailAutoComplete = function(options){ var defaults = { boxClass: "mailListBox", //外部box样式 listClass: "

用jQuery的ajax的功能实现输入自动提示的功能

注意事项:要使用jQuery首先要把它的包引用进来( <script type="text/javascript" language="javascript" src="js/jquery-1.2.3.js"></script>) 本功能实现的原理简述:通过输入框的keyup事件,在后台把输入框当前的数据传入后台进行处理(以json格式传输),本例的后台处理文件是一个ashx文件.后台得到json数据后从数据库里取数据,然

邮箱地址自动提示jQuery插件

// mailAutoComplete.js v1.0 邮箱输入自动提示// 2010-06-18 v2.0 使用CSS class类代替CSS对象,同时增强代码可读性// 2010-06-18 v2.1 宽度自适应的添加// 2010-06-18 v2.2 修复多个元素同时调用此方法的一些bug// 2010-06-30 修改搜狐邮箱名的笔误// 2010-06-30 修复中文回车内容为空的问题// 2010-08-17 v3.0 重写邮件显示的核心方法,提高显示性能// 2010-09-01

[模仿微软Live.cn]JavaScript输入邮箱自动提示

原理是:在一个输入框中,当我输入任何字的时候自动下拉相应的邮箱提示,在输入框输入123的时候下拉框有所有123的邮箱输入其他的时候有其他文案对应的邮箱. 同理此插件不需要任何html标签,只需要一个输入框有相对应的class类名就ok 且父级有个class类名,其他的都不需要.内部的HTML代码都是自动生成的. HTML代码如下: <div class="parentCls"> <input type="text" class=&qu

JavaScript实现邮箱后缀提示功能

先来个基础的需求根据下面需求实现如示意图所示的邮箱输入提示功能,注意,根据要求只需实现下面功能当用户没有任何输入时,提示框消失当用户输入字符后,显示提示框,并且把用户输入的内容自动拼上邮箱后缀进行显示暂时不用考虑示意图中的红色和蓝色背景色的逻辑注意用户输入中前后空格需要去除小优化编码需求如果我们输入的是 abc@1,这个时候出现的提示框内容是 abc@1@163.com abc@1@gmail.com abc@1@126.com…… 很明显,上面的提示框不是一个符合用户需求的提

JS输入框邮箱自动提示(带有demo和源码)（转载）

今天在javascriptQQ群里面有童鞋问到有没有 "JS输入框邮箱自动提示"插件,即说都找遍了github上源码都没有看到这样类似的插件,然后我想了下 "JS输入框邮箱自动提示" 和我前几次写的编写简易的JS输入框模糊查询插件功能类似了!也google了下到底是个什么样的效果,看了下也没有什么特别之处,所以趁着今天没有什么事情做的话写一个这样的出来给大家分享下也可以自己积累下,以后如果项目中碰到类似的效果可以直接拿来用. 说了这么多!我们先来看

jquery仿邮箱文本输入框自动加载邮箱后缀

在像百度这样的网站注册时,你会看到输入邮箱会出现自动给用户输入补全主流邮箱.这种对于增加用户体验的小例子已司空见惯.正好看到人家写的这种js功能.还挺不错,使用起来很方便,几乎不用写神呢代码."傻瓜式式的"拿来主义"就行了. js: /** * 邮箱自动提示插件 * @constructor EmailAutoComplete * @ options {object} 可配置项 */ function EmailAutoComplete(options) { this.con

JS输入框邮箱自动提示(带有demo和源码)

今天在javascriptQQ群里面有童鞋问到有没有 "JS输入框邮箱自动提示"插件,即说都找遍了github上源码都没有看到这样类似的插件,然后我想了下 "JS输入框邮箱自动提示" 和我前几次写的编写简易的JS输入框模糊查询插件功能类似了!也google了下到底是个什么样的效果,看了下也没有什么特别之处,所以趁着今天没有什么事情做的话写一个这样的出来给大家分享下也可以自己积累下,以后如果项目中碰到类似的效果可以直接拿来用. 说了这么多!我们先来看

jquery+php实现用户输入搜索内容时自动提示

index.html <html> <head> <meta charset=;} #search_auto li a:hover{background:#D8D8D8; text-decoration:none; color:#;} </style> <title>jquery+php实现用户输入搜索内容时自动提示</title> </head> <body> <div id=}); $()

ASP.NET输入文本框自动提示功能

在ASP.NET Web开发中会经常用到自动提示功能,比如百度搜索.我们只要输入相应的关键字,就可以自动得到相似搜索关键字的提示,方便我们快速的输入关键字进行查询. 那么在ASP.NET中,如果我们需要做个类似的效果,该如何做到呢? 很简单,我们只要借助于一个JQuery强大的插件JQuery AutoComplete来完成这个效果就可以了.这个插件的官方地址为:JQuery AutoComplete,里面也有示例代码. 下面我们将以一个身份证号自动查询为例,来看看JQuery AutoComp

myeclipse输入“.”后没有自动提示功能

今天和室友安装了一样的myeclipse版本,结果室友的自动提示功能有,我的输入"."后却不能提示,这对我们敲代码简直来说是一个折磨,不能自动提示,本来还以为是系统问题,一个是win7,一个是win10,在网上查了好久,找到这个方法: windows->preference->java->editor->Content Assist 上面的那个框里面的"."改成".abcdefghijklmnopqrstuvwxyz",A

AutoCompleteTextView 与sqlite绑定实现记住用户输入的内容并自动提示

把用户输入的内容保存到数据库表中,然后用户输入时,进行模糊查询并把查询结果附到AutoCompleteTextView中. 1:activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fil

android小知识之邮箱地址输入自动完成

虽然不难,但是容易忘记,做个备忘吧 package com.guet.zhuge; import android.app.Activity; import android.os.Bundle; import android.text.Editable; import android.text.TextWatcher; import android.widget.AutoCompleteTextView; public class MainActivity extends Activity imp

sublime中css输入分号后自动提示的烦恼

sublime开发前端确实好用,有好多些个的插件,轻量便捷,但是在使用sublime中的一些插件的时候总是会遇到困扰,跟自己想象中的不一样,比如在使用SublimeCodeIntel插件的时候,就会遇到一个烦人的问题: 在css中输入分号要换行的时候,总是弹出自动提示,按下回车就会确认提示,很是烦人. 为此:特意上网查了2个小时,终于找到解决方案: 打开Sublime默认设置文件: 'Perferences->Package Settings->SublimeCodeIntel->Set

Notepad++ 【自动完成】与【输入时提示函数参数】互相冲突，无奈

Notepad++ 既然可以在输入时提示函数参数,可是当提示函数参数的时候,输入具体参数时[自动完成]失效了. 一位用户遇到和我一样的问题:https://community.notepad-plus-plus.org/topic/11425/not-working-autocomplete-when-activated-function-parameters-hint-on-input/5 其中一位开发者的回复: Claudia Frank 2016年3月24日上午12: From the

vs2017更新后web项目部分后台代码类没有颜色，也没有自动提示输入功能

vs2017有的版本更新后默认.net framework框架是.net framework4.6.1,将项目的.net framework框架更改为4.6.1,颜色和自动提示出现

PL/SQL Developer中输入SQL语句时如何自动提示字段

在PL/SQL Developer中编写sql语句时,如果无法自动提示字段那是一件痛苦的事情,工作效率又低,在此演示下如何在PL/SQL Developer工具中自动提示字段,让开发者省时又省心,操作步骤如下:tools–>preferences–>user interface–>code assistant–>在右边选中authomatically activated即可,如

jq 实现输入自动提示邮箱后缀

热门专题