小程序中使用模糊搜索和键盘右下角搜索按钮（正则表达式）

最新推荐文章于 2024-02-18 15:36:45 发布
最新推荐文章于 2024-02-18 15:36:45 发布
阅读量387 收藏 1
点赞数 1
分类专栏： 微信小程序笔记 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45764245/article/details/118423218
版权

1.先在wxml 中定义好input和搜索按钮

在这里插入图片描述

2.在js文件中实现一下操作

2.1获取input输入框中的输入的内容

在这里插入图片描述

2.2使用正则表达式对input框内容进行搜索官方文档

2.2.1food表示搜索的表名
2.2.2name表示搜索的字段
2.2.3so_input表示模糊搜索内容（也就是输入框中获取的数据）
在这里插入图片描述
在这里插入图片描述

陈阳羽
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
微信小程序下拉框搜索功能的实现方法
12-08
最近在做一个项目的时候，需要用到下拉框搜索，网上搜了半天没找到想要的，决心自己动手写一个。 首先看下效果图： 左边是输入框，可以进行模糊查询，右边图标进行选择。 代码部分，我定义了五个参数，和一个自定义的方法， list:下拉框数组， _width：组件宽度， _height：组件高度， bind:action: 自定义方法 考虑到每个人用的时候用的对象数组结构不同我预留了两个字段，做自定义(可不写)，怎么样是不是很强大。 actualvalue：下拉框实际值， showvalue：下拉框显示值 代码我发布到github了代码地址：https://github.com/Zhui
【手机UI】搜索输入框，呼出软键盘时右下角为搜索按钮，并使用js发送请求
weixin_30824479的博客
04-20 322
<!DOCTYPE html> <html> <head> <title>搜索</title> <meta http-equiv="Content-Type" content="text/html" charset="utf-8" /> <meta name="format-detection" content="t...
小程序云开发入门——搜索功能
TaylorZ9826的博客
02-12 786
搜索搜索搜索~
微信小程序-input实现模糊查询功能
sunsineq的专栏
02-08 5216
微信小程序-input实现模糊查询功能 实现模糊查询功能之需求 效果图 实现 踩的坑 JS实现模糊查询的几种方法 性能测试： 结论 实现模糊查询功能之需求 今天在做小程序的时候，遇到一个需求是对列表进行模糊查询。对于模糊查询，一般都是传关键字给后端，由后端来做。但是有时候一些轻量级的列表前端来做可以减少ajax请求，在一定程度上提高用户体验。我目前的情况恰好是后台已经把全部数据给到前端了，所以就想用js对数据进行一个模糊查询。 效果图 实现 HTML &l.
微信小程序搜索框实现模糊查询
qq_33194275的博客
05-31 7281
基于微信小程序的搜索框模糊查询
SQL 正则表达式及mybatis中使用正则表达式
12-13
mysql 提供的模式匹配的其他类型是使用扩展正则表达式。 当你对这类模式进行匹配测试时，使用REGEXP和NOT REGEXP操作符(或RLIKE和NOT RLIKE，它们是同义词)。 扩展正则表达式的一些字符是： “.”匹配任何单个的...
扩展微信小程序框架功能：正则表达式
03-29
XRegExp 是一个开源的 JavaScript 库提供一个参数化、可扩展的支持各种浏览器的正则表达式的实现库，支持附加语法、标志以及方法。 XRegExp XRegExp是一个为JS的正则表达式提供扩展功能的库， 调用之后可以弥补原生...
微信小程序实现简单input正则表达式验证功能示例
11-27
本文实例讲述了微信小程序实现简单input正则表达式验证功能。分享给大家供大家参考，具体如下： 1、效果展示 2、关键代码 index.wxml文件 <input placeholder="输入内容" bindinput="check"></input> ...
Java使用正则表达式检索、替换String中特定字符和正则表达式的一切
09-07
主要给大家介绍了关于Java使用正则表达式检索、替换String中特定字符和正则表达式的一切，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Java中使用正则表达式处理文本数据
12-13
本文将介绍如何在Java中使用正则表达式来处理文本数据。正则表达式就是一个字符串，但和普通的字符串不同的是，正则表达式是对一组相似字符串的抽象，如下面的几个字符串： a98b c0912d c10b a12345678d ab ...
微信小程序搜索框模糊查询.zip
06-07
微信小程序，搜索框模糊搜索，关键字搜索查询。
JavaScript实现模糊匹配
热门推荐
喜洋洋
03-10 1万+
用户在输入框中输入文字时,使用正则在数据区进行检索,显示出提示信息.<head> <meta charset="UTF-8"> <title>模糊查询</title> <style type="text/css"> body{ text-align:center; } #datas{ display:none; }
微信小程序 - wxs模糊查询案例 - 10
qq_25906119的博客
12-26 963
微信小程序 - wxs模糊查询案例
小程序搜索框搜索、查询（模糊搜索、关键字查询）
北海_南风
06-07 3605
前言： 搜索框搜索的时候，我们想要模糊搜索，关键字查询。 只要有包含搜索框里面的值的话，都会被搜索出来 这种搜索，宁可少输，不可输错。 正文： 演示效果： 关键代码： // 搜索框内容改变事件 inputTyping: function(e) { console.log("input-----",e) var value = e.detail.value var that = this; var usersList = that.data.usersList
微信小程序模糊查询
m0_52813455的博客
01-12 3111
微信小程序之模糊搜索功能
js对数据进行模糊搜索
逆水行舟，不进则退
03-28 1万+
js对数据进行模糊搜索 1. indexof 方法 语法：stringObject.indexOf(searchvalue, fromindex) 参数：searchvalue 必需。规定需检索的字符串值。 fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。 ...
微信小程序模糊查询的实现-----数组
qq_48789210的博客
09-16 1413
在写项目时我们可能经常会遇到数据量过大的时候，这时想通过模糊查询来搜索我们想要的数据，就能够直接拿到了，但是这个模糊查询只针对于是数组的情况下才能够适用！！
微信小程序 搜索框实现模糊搜索（带模拟数据，js,wxml,wxss齐全）
最新发布
小唐同学超级呆的博客
02-18 2551
最近在做一个小程序的页面，搜索框困扰了我很久，今天终于把搜索框给做了出来，记录一下过程。
微信小程序中用键盘的搜索功能进行页面跳转
qq_51863697的博客
03-18 2957
我们都知道，小程序中页面跳转是必不可少的，一边都是绑定事件bindtap，在js中写所跳转的路径即可，那么如何在搜索框里面点击手机键盘上的搜索功能，去进行页面跳转呢？这就用到了一个input中的一个事件：bindconfirm，下面就上实例。 1.首先在input中写出事件bindconfirm="bindconfirm"，这里引号中的只是一个事件的名称，这个不用在意。 wxss代码段： <input class="input" bindconfirm="bindconfirm" &g...
微信小程序input使用正则表达式
09-02
微信小程序中的input组件可以使用正则表达式来限制用户输入的内容。通过设置input组件的属性，...通过这种方式，我们可以在微信小程序中使用正则表达式对用户输入的内容进行限制和验证，确保输入的内容符合我们的需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陈阳羽

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值