html邮箱下拉栏,jquery输入框邮箱下拉智能提示

于 2021-06-08 15:27:42 发布
阅读量349 收藏
点赞数
文章标签： html邮箱下拉栏
该博客介绍了在使用高版本jQuery时遇到的$.browser API错误，由于该API在jQuery 1.9后被废除，导致msie属性无法读取。提供了两种解决方案：一是手动填充$.browser对象；二是引入jquery-migrate-1.2.1.js插件。这两种方法都能有效解决因$.browser使用而引发的JavaScript错误。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

0128d8079591548bfedfab75ab35160b.png

西瓜 0

2015/11/6 13:11:15

此插件，在调用高版本jquery时会出现错误：原因是$.browser这个api从jQuery1.9开始就正式废除，js代码里只要用到$.browser就会报这个错。具体说明参见jQuery官方说明。错误信息：Uncaught TypeError: Cannot read property 'msie' of undefined

解决方法有两种

第1种，在inputmail.js第一行加入jQuery.browser = {}; (function() {

jQuery.browser.msie = false;

jQuery.browser.version = 0;

if (navigator.userAgent.match(/MSIE ([0-9]+)./)) {

jQuery.browser.msie = true;

jQuery.browser.version = RegExp.$1;

}

})();

第2种 在引用用jquery之后在调用jquery-migrate-1.2.1.js即可

回复

Sourav Goswami
关注
html输入框的下拉提示框,基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
weixin_39734074的博客
06-03 870
效果图代码部分// JavaScript Document(function($){$.fn.extend({"changeTips":function(value){value = $.extend({divTip:""},value)var $this = $(this);var indexLi = 0;//点击document隐藏下拉层$(document).click(function(e...
jQuery实现邮箱下拉列表自动补全功能
01-21
记得，在上个项目中，遇到这样一个需求，网站要求填写邮箱的时候，还没有填写完，就会出现一系列下拉列表，帮助自动补全邮箱的功能。今天小编给给大家分享下我基于jquery是怎么实现此功能的！ 功能简述 •填写邮箱名字，出现下拉列表，自动补全邮箱 •点击上下按键，选取下拉列表邮箱 •按回车键，选中列表内容，隐藏下拉列表 •鼠标经过，下拉列表选项设置为高亮 •鼠标点击，选中下拉列表选项，隐藏下拉列表 HTML HTML代码很简单，我们就一个简单的输入框，然后一个ul标签，在内部可以放好多li标签。 <html> <head> <meta charset=utf-8/> <script
输入框邮箱下拉智能提示
06-01
输入框邮箱下拉智能提示.
输入框邮箱下拉提示层
04-22
在输入邮箱时可以智能提示 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery输入框邮箱下拉提示层 - </title> <style type="text/css"> *{ margin:0; padding:0;} body { font:12px/1.8 Arial; color:#666;} ul,li{ list-style:none;} h1.tit-h1 { font-size:38px; text-align:center; margin:30px 0 15px; color:#f60;} .go-back{ text-align:center; border-top:1px dashed #ccc; padding:10px; margin-top:20px; font-size:40px;} .wrap{border:1px dashed #ccc; background:#f8f8f8; padding:20px;} .login{width:400px; margin:0 auto; background:#EBEBEB; position:relative;} input{ width:230px; height:28px; margin:10px 0; line-height:28px;} .login .on_changes{width:232px; position:absolute; top:40px; list-style:none; background:#FFF; border:1px solid #000; display:none; padding:10px;} .login .on_changes li{margin:8px;padding:4px;} .login .on_changes li.active{ background:#CEE7FF;} </style> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript" src="inputmail.js"></script> </head> <body> <h1 class="tit-h1">jquery输入框邮箱下拉提示层</h1> <div class="wrap"> <script type="text/javascript"> $(function(){ $("#loginName").changeTips({ divTip:".on_changes" }); }) </script> <div class="login"> <div class="ln">                          <input type="text" maxlength="128" name="loginName" id="loginName" placeholder="邮箱/会员帐号/手机号" /></div> <ul class="on_changes" style="position: absolute; left: 78px; top: 42px"> <li email="">请选择邮箱类型</li> <li email=""></li> <li email="@sina.com"></li> <li email="@163.com"></li> <li email="@qq.com"></li> <li email="@hotmail.com"></li> <li email="@126.com"></li> <li email="@gmail.com"></li> <li email="@yahoo.com"></li> </ul> </div> </div> </div> </body> </html>
邮箱输入智能下拉框简单版
10-23
类似一些网上注册等输入邮箱，智能显示组合的完整邮箱格式。 这个是简单版的。
邮箱自动下拉匹配列表jQuery插件mailAutoComplete实例页面
weixin_34295316的博客
03-06 371
2019独角兽企业重金招聘Python工程师标准>>> ...
邮箱自动下拉匹配列表
vigor(软件开发)
03-28 600
jQuery输入框下拉选择菜单
06-24
在本主题"jQuery输入框下拉选择菜单"中，我们将探讨如何利用jQuery创建一个功能丰富的输入框，当用户点击时，会弹出一个下拉菜单，该菜单具有分页和键盘导航功能，模拟了传统的HTML `<select>` 元素但提供了更高级的...
jquery输入框邮箱下拉提示层特效代码
03-20
【jQuery输入框邮箱下拉提示层特效代码】是一种在网页表单中实现的交互功能，主要应用于用户在输入邮箱地址时提供智能提示。这个特效基于JavaScript库jQuery，它能够为输入框添加动态下拉提示，当用户开始输入时，会...
jquery输入框提示插件input输入框文字下拉提示添加标签代码
11-11
标题和描述提到的“jquery输入框提示插件input输入框文字下拉提示添加标签代码”是一个关于如何利用 jQuery 和相关技术实现这种功能的方法。 这个插件的主要目的是当用户在输入框中输入文字时，提供实时的下拉提示...
邮箱下拉自动填充选择
u010227447的专栏
04-03 2430
1.需要一个js文件：jquery.mailAutoComplete-3.1.js（原作者：zhangxinxu） [javascript] view plaincopy (function($){      $.fn.mailAutoComplete = function(options){          var defaults = {              b
jquery 实现输入邮箱时自动补全下拉提示功能
10-23
大家在做Web项目，都会有注册登录模块，如果是邮箱注册，想要在输入@后触发下拉框显示各个邮箱的功能。下面介绍一款jQuery实现输入邮箱的时候，可自动补全邮箱地址，也可称为是“输入提示”的功能，比如输入aaa时，自动变成[email protected]，有效提升网页的人性化体验
jQuery 实现自动填充邮箱功能（带下拉提示）
10-25
本文用 jQuery 实现一个用户输入字符时出现能够提示邮箱后缀名的下拉菜单，并且在选择下拉菜单中的邮箱后缀名后可自动填充未完成的输入框。
html 文本框智能提示,js文本框输入内容智能提示效果
weixin_36335482的博客
06-03 786
本文实例讲述了js文本框输入内容智能提示效果代码。分享给大家供大家参考。具体如下：运行效果截图如下：大体思路：1.监听文本框事件。这里是用的keyup事件。大家可以尝试用onchange事件。不过感觉keyup事件的效果要好一点。2.根据输入内容通过ajax异步的方式去访问后台数据。3.遍历返回数据将数据添加到显示区域。4.在添加数据的同时给每一条数据加上一些效果，点击其中一条将数据填到文本框，并...
html邮箱下拉栏,jQuery实现邮箱下拉列表自动补全功能
weixin_35662528的博客
06-08 1005
记得，在上个项目中，遇到这样一个需求，网站要求填写邮箱的时候，还没有填写完，就会出现一系列下拉列表，帮助自动补全邮箱的功能。今天小编给给大家分享下我基于jquery是怎么实现此功能的！功能简述•填写邮箱名字，出现下拉列表，自动补全邮箱•点击上下按键，选取下拉列表邮箱•按回车键，选中列表内容，隐藏下拉列表•鼠标经过，下拉列表选项设置为高亮•鼠标点击，选中下拉列表选项，隐藏下拉列表HTMLHTML代码...
jQuery 实现邮箱下拉列表自动补全功能
poptxz的博客
11-06 2442
能简述  能简述 •填写邮箱名字，出现下拉列表，自动补全邮箱 •点击上下按键，选取下拉列表邮箱 •按回车键，选中列表内容，隐藏下拉列表 •鼠标经过，下拉列表选项设置为高亮 •鼠标点击，选中下拉列表选项，隐藏下拉列表 HTML HTML代码很简单，我们就一个简单的输入框，然后一个ul标签，在内部可以放好多li标签。
类似邮箱自动填充下拉效果
每天进步一点点
07-18 3823
1.需要一个js文件：jquery.mailAutoComplete-3.1.js（原作者：zhangxinxu） (function($){ $.fn.mailAutoComplete = function(options){ var defaults = { boxClass: "mailListBox", //外部box样式 listClass: "mailListDef
input正则邮箱_JS正则表达式以验证电子邮件邮箱是否正确
weixin_39846612的博客
01-15 750
使用常规判断来验证电子邮件邮箱的合法性必须相对全面. 建议先在客户端上验证JS，然后在服务器上验证. 以下青岛星网与您共享客户端JS验证方法.function ischeckemail(){var email = document.getElementById("emailname").value; if (email != "") { var reg = /^\w+((-\w+)|(\.\...
jQuery输入框增强插件：便捷下拉选择与功能扩展
这款多功能 jQuery 输入框下拉选择菜单插件为开发者提供了一个高效且易于实现的解决方案，能够增强 Web 应用中数据输入过程的用户体验。开发者仅需引入并正确配置该插件，即可实现一个功能完备、操作流畅的下拉选择...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值