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

港控/mmm° 2022-08-08 05:24 136阅读 0赞

<table> 
 <tbody> 
 <tr> 
 <td>fuzzysearch是一款实用的表单模糊搜索和自动提示js插件。该js插件允许你只输入部分字符串，根据这部分字符串自动搜索和匹配，并给出自动替代选项。适用于各种数据的快速检索。 <a href="http://www.html5cn.org/data/attachment/portal/201503/10/113023s90zs0psaaghy3qs.jpg" rel="nofollow"><img src="http://www.html5cn.org/data/attachment/portal/201503/10/113023s90zs0psaaghy3qs.jpg" alt=""></a> <a href="http://www.htmleaf.com/Demo/201503081485.html" rel="nofollow">在线演示</a> <a href="http://www.html5cn.org/portal.php?mod=attachment&amp;id=14015" rel="nofollow">js实用表单模糊搜索和自动提示插件.zip</a> 安装 可以使用npm来按钮该自动提示插件。 
 <div> 
 <div> 
 <ol> 
 <li>npm install --save fuzzysearch&nbsp; &nbsp;</li> 
 </ol> 
 </div> 
 复制代码 
 </div> 使用方法 fuzzysearch(needle, haystack) DEMO中的js文件时基于fuzzysearch.js来编写的。 fuzzysearch.js提供一个fuzzysearch(needle, haystack)方法，它使用自己的算法检查needle和haystack，如果匹配则返回true。这个方法在needle中的每一个元素都存在于haystack中时才会返回true。例如： 
 <div> 
 <div> 
 <ol> 
 <li>fuzzysearch('twl', 'cartwheel') // &lt;- true </li> 
 <li>fuzzysearch('cart', 'cartwheel') // &lt;- true </li> 
 <li>fuzzysearch('cw', 'cartwheel') // &lt;- true </li> 
 <li>fuzzysearch('ee', 'cartwheel') // &lt;- true </li> 
 <li>fuzzysearch('art', 'cartwheel') // &lt;- true </li> 
 <li>fuzzysearch('eeel', 'cartwheel') // &lt;- false </li> 
 <li>fuzzysearch('dog', 'cartwheel') // &lt;- false&nbsp; &nbsp;</li> 
 </ol> 
 </div> 
 复制代码 
 </div> 当前版本的fuzzysearch对正则表达式的支持还不够完美，使用正则表达式性能将会受到一些影响。 <a href="http://www.html5cn.org/data/attachment/forum/201503/10/112620adlpyja7ao3yx7sp.png" rel="nofollow"><img src="http://www.html5cn.org/data/attachment/forum/201503/10/112620adlpyja7ao3yx7sp.png" alt=""></a> via:<a href="http://www.htmleaf.com/jQuery/Form/201503081484.html" rel="nofollow">http://www.htmleaf.com/jQuery/Form/201503081484.html</a> </td> 
 </tr> 
 </tbody> 
</table>