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

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

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模糊查询

做项目的时候通过WebService接口查询出一系列的信息,但是因为信息量大,一时找不到自己想要的。所以加入查询,但是是通过WebService接口查询的,导致不能后台处理这个查询。故而写了一段JS。...
  • wangchangpen62
  • wangchangpen62
  • 2015年03月18日 15:58
  • 20004

js实现模糊搜索

功能一:关键字搜索 总结:1、搜索出的结果,前台先要清空原有表格 $("#tbody").empty;            2、后台返回的json格式字符串 js eval 专成对象var stus...
  • wangdajiao
  • wangdajiao
  • 2017年05月04日 15:29
  • 1313

select2插件实现列表的模糊搜索

select2插件基于bootstrap,可以实现列表的模糊搜索 相关链接: http://www.cnblogs.com/wuhuacong/p/4761637.html...
  • qq_18663357
  • qq_18663357
  • 2017年01月10日 20:35
  • 1342

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

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

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

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

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

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

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

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

基于js 的自动提示控件

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

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

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

轻量级javascript自动完成autocomplete插件

Awesomplete是一款实用的轻量级js自动完成autocomplete插件。该autocomplete插件的特点有:轻量级、高度可定制、简单易用、无外部依赖等。 该js自动完成autocomp...
  • souhugirl
  • souhugirl
  • 2015年02月26日 13:07
  • 530
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js实用表单模糊搜索和自动提示插件
举报原因:
原因补充:

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