js实用表单模糊搜索和自动提示插件

转载 2016年05月30日 12:16:20

http://www.html5cn.org/article-7774-1.html

摘要: fuzzysearch是一款实用的表单模糊搜索和自动提示js插件。该js插件允许你只输入部分字符串,根据这部分字符串自动搜索和匹配,并给出自动替代选项。适用于各种数据的快速检索。 在线演示 安装 可以使用npm来 ...
fuzzysearch是一款实用的表单模糊搜索和自动提示js插件。该js插件允许你只输入部分字符串,根据这部分字符串自动搜索和匹配,并给出自动替代选项。适用于各种数据的快速检索。

在线演示

js实用表单模糊搜索和自动提示插件.zip


安装

可以使用npm来按钮该自动提示插件。

  1. npm install --save fuzzysearch   
复制代码


使用方法

fuzzysearch(needle, haystack)

DEMO中的js文件时基于fuzzysearch.js来编写的。
fuzzysearch.js提供一个fuzzysearch(needle, haystack)方法,它使用自己的算法检查needle和haystack,如果匹配则返回true。这个方法在needle中的每一个元素都存在于haystack中时才会返回true。例如:

  1. fuzzysearch('twl', 'cartwheel') // <- true
  2. fuzzysearch('cart', 'cartwheel') // <- true
  3. fuzzysearch('cw', 'cartwheel') // <- true
  4. fuzzysearch('ee', 'cartwheel') // <- true
  5. fuzzysearch('art', 'cartwheel') // <- true
  6. fuzzysearch('eeel', 'cartwheel') // <- false
  7. fuzzysearch('dog', 'cartwheel') // <- false   
复制代码

当前版本的fuzzysearch对正则表达式的支持还不够完美,使用正则表达式性能将会受到一些影响。

via:http://www.htmleaf.com/jQuery/Form/201503081484.html


js实用表单模糊搜索和自动提示插件

fuzzysearch是一款实用的表单模糊搜索和自动提示js插件。该js插件允许你只输入部分字符串,根据这部分字符串自动搜索和匹配,并给出自动替代选项。适用于各种数据的快速检索。 在线演示:...
  • souhugirl
  • souhugirl
  • 2015年03月09日 12:50
  • 473

简单的js+css的输入框自动提示功能实现

由于原来项目需求做了一个基于百度的suggest的提示功能,直接调用的百度的suggest功能,能够实现与百度搜索一样的提示效果。最近需要在一个简单的输入框中加一个提示功能,大概就是后台把数据传到前台...
  • jayson1001
  • jayson1001
  • 2017年06月09日 18:09
  • 835

自动补全插件autocomplete.js的使用示例

1 看本文前,请先看http://www.jb51.net/article/24219.htm,上面需要对接的数据都是标准格式,所以不需要太麻烦,如: var x = [ { name: "Pete...
  • u011500781
  • u011500781
  • 2016年02月24日 16:19
  • 2306

基于js 的自动提示控件

最近在工作中需要自动提示的功能,本身单独的这个控件来开发难度不是很大,特别是针对项目需求对应的单一功能,但是为了让开发出的控件可以随意使用,动态配置,那么这就需要一定的时间来开发了。 先说一下我们这...
  • u012251421
  • u012251421
  • 2015年06月08日 15:19
  • 701

MyEclipse 2015实现JavaScript代码自动提示(不需要额外安装插件)

步骤一:  在window>myeclipse>javascript>tern>development>repository  勾选了需要支持的jquery\javascript\angularjs库...
  • YHYR_YCY
  • YHYR_YCY
  • 2016年06月03日 20:49
  • 5915

轻量级javascript自动完成autocomplete插件

Awesomplete是一款实用的轻量级js自动完成autocomplete插件。该autocomplete插件的特点有:轻量级、高度可定制、简单易用、无外部依赖等。 该js自动完成autocomp...
  • souhugirl
  • souhugirl
  • 2015年02月26日 13:07
  • 530

sublime3 javascript代码自动提示插件及安装

sublime是一款很强大的代码编辑器, 可以支持很多中语言的自动提示功能,这里面我们来介绍一下如何对javascript代码进行自动语法提示,借助于sublimeCodeIntel这款插件  一、...
  • csdn_chenli
  • csdn_chenli
  • 2016年11月15日 16:01
  • 13167

使用 jquery.form.js插件上传带有附件的表单

使用 jquery.form.js插件上传带有附件的表单,附件可以是.txt,.xls,.csv。下面就介绍下可以上传文件的表单,并且限制上传文件的大小和类型。 1、前期工作:在html的标签里面引...
  • tangxiujiang
  • tangxiujiang
  • 2017年10月18日 15:35
  • 614

常用且实现的JS小插件

插件描述:aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果,以及多种easing效果。在页面往回滚动时,元素会恢复到原来的状态。...
  • yaoyyl
  • yaoyyl
  • 2016年10月10日 14:45
  • 659

表单模糊搜索

表格 window.onload=function() { var oTab=document.getElementById('tab1'); var oName=document.getEle...
  • u013497415
  • u013497415
  • 2014年04月22日 21:13
  • 290
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js实用表单模糊搜索和自动提示插件
举报原因:
原因补充:

(最多只允许输入30个字)