js实现form自动完成功能

最近我做一个员工注册页面, 有一项是注册公司, 但是如果公司已经被注册, 要求公司名称写的完全一样, 不能有大小写区别等, 所以我打算使用Javascript写一个模拟自动完成的功能, 样式仿照了IE7的, 还有很多不足, 希望大家支持.

www.jb51.net 我们 自动完成功能

Test:

a.value.length) {
y[q] = z[p];
q++;
}
}
if(y.length > 0) {
b.innerHTML = '';
for(var r = 0; r b.childNodes.length - 1) t = b.childNodes.length;
t--;
b.childNodes[t].className = 'select';
break;
case 40:
if(t >= b.childNodes.length - 1) t = -1;
t++;
b.childNodes[t].className = 'select';
break;
default:
return;
}
document.getElementsByTagName('form')[0].onsubmit = function() {
if(b.style.visibility == 'visible') return false;
};
}
window.onload = function() {
a = document.getElementById('test');
a.autocomplete = 'off';
a.onblur = function() {b.style.visibility = 'hidden';};
t = -1;
if(a.createTextRange) {
a.onkeyup = new Function('return kR(event);');
} else {
a.onkeyup = kR;
}
b = document.createElement('DIV');
with(b.style) {
padding = '0 0 15px';
backgroundColor = '#FFF';
border = '1px solid #000';
font = '11px Tahoma';
zIndex = '2';
position = 'absolute';
left = cP(a, 'offsetLeft') + 'px';
top = cP(a, 'offsetTop') + a.offsetHeight - 2 + 'px';
width = a.offsetWidth - 2 + 'px';
visibility = 'hidden';
}
document.body.appendChild(b);
}
-->

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • js实现form自动完成功能

    最近我做一个员工注册页面, 有一项是注册公司, 但是如果公司已经被注册, 要求公司名称写的完全一样, 不能有大小写区别等, 所以我打算使用Javascript写一个模拟自动完成的功能, 样式仿照了IE7的, 还有很多不足, 希望大家支持. www.jb51.net 我们 自动完成功能 Test: a.value.length) { y[q] = z[p]; q++; } } if(y.length > 0) { b.innerHTML = ''; for(var r = 0; r b.child

  • js输入框邮箱自动提示功能代码实现

    同理 此插件不需要任何html标签,只需要一个输入框 有相对应的class类名就ok 且父级有个class类名,其他的都不需要.内部的HTML代码都是自动生成的. HTML代码如下: 复制代码 代码如下: <div class="parentCls">    <input type="text" class="inputElem"> </div> 其实上面的div标签都可以不需要 只需要在input输入框 且父

  • JS实现问卷星自动填问卷脚本并在两秒自动提交功能

    JS实现问卷星自动填问卷脚本并在两秒自动提交功能

    脚本只使用问卷星,多选题目前为选中任意选项数量!!!!!!! 最近看到很多群里都在发问卷连接,各种求帮忙,正好这两天没任务,尝试写了自动填问卷的脚本,类似的脚本网上已经有了,但是后来问卷星加了验证,并且多选题已经不能适用 脚本使用方式(以Firefox为例): 一:鼠标移动到浏览器地址栏下空白处,右键,新建书签 二:填写名称(任意),代码复制到地址栏中 三:打开问卷星连接,然后点击刚刚添加的书签,即可. 代码: javascript: void ( (function () { var hash

  • JS(jQuery)实现聊天接收到消息语言自动提醒功能详解【提示“您有新的消息请注意查收”】

    本文实例讲述了JS(jQuery)实现聊天接收到消息语言自动提醒功能.分享给大家供大家参考,具体如下: 综述 最近在开发一个网页端的客服系统,需求要求聊天双方接收到消息能有语音提醒,并且客服端如果存在未读消息要求每隔五分钟给客服语音提醒一下.客服聊天系统使用PHP的Workerman框架进行开发,由于语音提醒实现的功能一样,故而在本篇博文中从简描述,只进行定时循环提醒的功能记录,不说实时的那个语音提醒,因为思路都是一样的,主要是看如何实现自动播放语音功能. 思路 实时提醒 这个就比较明确了,就是

  • 基于aotu.js实现微信自动添加通讯录中的联系人功能

    什么是Auto.JS? Auto.JS是Android平台上的JavaScript自动化工具. 它的本质是可执行自己编写的简易Javascript脚本的,尤其可以在开启"无障碍模式"的情况下对其他App进行一些操作的一个Android App,便于进行自动化操作.学习成本非常低. Auto.JS已被黑产广泛使用,以至于作者关闭了官方下载通道. 官网:https://github.com/hyb1996/Auto.js 下面通过代码给大家介绍下基于aotu.js实现微信自动添加通讯录中的

  • js简单实现自动生成表格功能示例

    js简单实现自动生成表格功能示例

    本文实例讲述了js简单实现自动生成表格功能.分享给大家供大家参考,具体如下: JS实现自动生成表格 由于自己的算法8太行,所以只能尽量用简单点的方法实现效果 下面直接上代码 <table id="table"> <thead> <td>姓名</td> <td>年龄</td> <td>身高</td> </thead> <tbody></tbody> <

  • JS+CSS实现自动切换的网页滑动门菜单效果代码

    JS+CSS实现自动切换的网页滑动门菜单效果代码

    本文实例讲述了JS+CSS实现自动切换的网页滑动门菜单效果代码.分享给大家供大家参考.具体如下: 这是一款支持自动切换功能的网页滑动门菜单,JS与CSS结合的技术成果,有人说它是自己会切换的网页选项卡标签面板,QQ登录后弹出的每日要闻迷你窗口中有类似效果,但是代码写法却是截然不同的,每一位作者的思路是不同的,因此您多了一份参考. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-auto-cha-tab-menu-style-code

  • AutoSave/自动存储功能实现

    转自: http://www.fayland.org/journal/AutoSave.html 这个功能很常见.是为了防止浏览器崩溃或提交不成功而导致自己辛辛苦苦写就的东西消失掉.Gmail 里也这个东西.它的原理是将该文本框的东西存储进一个 Cookie. 如果没提交成功(原因可能是浏览器崩溃),下次访问该页面时询问是否导入上次存储的东西.function AutoSave(it) { // it 指调用的文本框    var _value = it.value;    // 获得文本框的值

  • Node.js实现用户评论社区功能（体验前后端开发的乐趣）

    前面 接着上一节的内容来,今天我们要完成一个用Node开发后台服务器,实现一个简单的用户评论社区.可以先看下效果图: 开始建立项目文件夹comment-list,在里面新建一个public文件夹,public文件夹存放我们允许客户端访问的资源,这里是公开的.app.js文件是我们服务端代码. 在index.html文件中放的是网站的首页内容,这里采用bootstrap框架快速搭建.可以先招一些假数据,以便页面渲染后看效果.核心代码: <ul class="list-group commen

  • js实现登陆与注册功能

    本文实例为大家分享了js实现登陆与注册功能的具体代码,供大家参考,具体内容如下 1.首先在phpstudy文件中寻找到一个文件名叫 "www" 的文件  在里面创建html,js,php文件: 2.在Navicat 软件中连接到phpstudy的MySQL: 3.在Navicat 软件中寻找一个数据库 并创建一个表格: 4.书写html代码(如下图1)编写简单的注册表单结构 并通过js 给表单验证:点击注册跳转到php文件中: 5.php代码(如下图2)  首先获取html代码中表单的

随机推荐