Vuelidate匹配/相同但忽略大小写敏感？

已于 2023-12-04 10:33:21 修改
阅读量99 收藏
点赞数
文章标签： 前端
于 2023-12-04 10:32:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46041137/article/details/134777851
版权
让我再睡会儿呗
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue搜索(不区分大小写)通用
奋斗到天明~
05-24 2870
<template> <div class="binding"> <div class="bindingbtn"> <input type="serch" v-model="city"/> </div> <div v-show="isshow"> <p v-for="(item,index) in selectCitys" :key="index">{{item.name}
vuelidate：针对Vue.js的简单，轻量级基于模型的验证
02-03
import Vue from 'vue'import Vuelidate from 'vuelidate'Vue . use ( Vuelidate ) 另外，也可以将混合直接导入到将使用混合的组件中。 import { validationMixin } from 'vuelidate'var Component = Vue . extend ...
Vue el-搜索框大小写忽略
qq_36396822的博客
04-13 3161
大小写忽略 data[i].name.toUpperCase().includes(_this.message.toUpperCase()); data中的name 转化为大写，搜索选项也设置为大写，即可忽略大小写，当然使用小写也是可以的 1人点赞 Vue 作者：白云青叶 链接：https://www.jianshu.com/p/839623e66108 来源：简书 ...
vue搜索关键字变色（忽略大小写）------ Vue Words Highlight 插件
LiChengzhong的博客
10-19 1322
可参考：https://github.com/M-FE/vue-words-highlight 1、安装 npm install --save vue-words-highlight 2、在main.js 中全局引用 import { highlight } from 'vue-words-highlight'; Vue.use(highlight, { name: 'highlight', className: 'red', style: 'color: red', c
【01】vue.js — 简析入门
有心博客
08-31 641
Vue.js官方介绍称之为渐进式JavaScript框架，具有易用，灵活，性能高等显著特点，经小编近来由面向DOM编程转向面向模板编程过程学习中发现，Vue.js确实是款不错的框架。通过网上找了一套视频教程，这套视频教程是由智能社发布，现想边学准备把知识点整理发布。如有不妥之处，请立即联系小编，我会火速处理的^_^。
Jenkins Linux服务器打包VUE异常
小帅丶的专栏
12-28 416
Jenkins Linux服务器打包VUE异常
详解vuelidate 对于vueJs2.0的验证解决方案
10-20
本篇文章主要介绍了vuelidate 对于vueJs2.0的验证解决方案，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
quasar-app-extension-vuelidate-rules:使用Vuelidate方法作为内部Quasar规则进行验证
05-10
Quasar的文档建议使用Vuelidate作为外​​部验证解决方案，但是使用这种方法有一个缺点：您不能使用外部验证来验证Form的子组件。 利用Vuelidate的功能，还需要更多代码来设置验证，将validations属性添加到组件以...
vuelidate-error-extractor:审核表单组助手，轻松提取错误
04-30
审核错误提取器 Vuelidate-error-extractor使显示错误信息变得轻而易举。 可以是单个表单元素，也可以全部显示表单中的所有错误。主要特征 :rocket: 使用方便 :collision: 灵活-可根据您的需求量身定制 :fire: 可选...
vue-vuelidate-form-app
03-28
这意味着当你的代码发生变化时，浏览器会自动刷新，无需手动刷新页面，极大地提高了开发效率。`yarn build`则用于编译和优化项目，以准备部署到生产环境。这个过程通常包括代码压缩、树摇（tree shaking）、去除未...
js比较或者筛选时不区分大小写
etemal_bright的博客
07-06 1万+
str.toUpperCase() str转化成大写 str.toLowerCase() str转成小写 例如： product.name.toUpperCase().indexOf(this.props.filterText.toUpperCase())=== -1 都转化成统一格式就可以进行比较了...
mongoVUE忽略大小写，java mongoDB忽略大小写
谢彬のCSDN专栏
07-31 3184
1、忽略大小写，全名称搜索 {title:/^kate Spade New York套头衫/i} 2、模糊+忽略大小写 {title:{$regex:'^kate Spade',$options:'i'}} 3、java+mongoDB忽略大小写 query.addCriteria(Criteria.where("rn").rege
vue 有关于命名大小写的问题
ZHXT__的博客
10-29 5104
记录一下命名的的一些坑 组件命名的大小写 组件名大小写 定义组件名的方式有两种： 使用 kebab-case Vue.component('my-component-name', { /* ... */ }) 当使用 kebab-case (短横线分隔命名) 定义一个组件时， 也必须在引用这个自定义元素时使用 kebab-case，例如<my-component-name>。 使...
vue大小写总结
Artemis_Wang的博客
07-19 1502
1. 组件 组件的定义有两种命名方式：PascalCase 和kebab-case PascalCase 定义的组件的引用：PascalCase 和kebab-case 均可 // PascalCase定义方式 Vue.component('MyComponentName', { /* ... */ }) // 引用方式一 <my-component-name> // 引用方式二 <MyComponentName> kebab-case定...
Vue注册组建--------------名称大小写之坑
俩个魜
01-18 1987
今天在项目中用到了vue,但是不是按照webpack组建化形式开发的，只能按照在全局引入vue.js这种方式进行开发，但是在注册组建的时候发生了错误，一直找不出问题所在，错误信息如下：   我的代码如下：   通过报的错误发现我注册的组建名和报错的组建名不一致，报错的组建名全是小写(my-component)，而我注册的组建名中包含大写字母（My-component），从而在编译的时候...
论vue组件的大小写在Linux的问题
qq_28813211的博客
04-27 1620
vue的组件一般都是大写的如Search.vue 当我们引用的时候可以是 import search from ‘../../components/public/Search.vue’或者 import search from ‘../../components/public/search.vue’ 只要命统一即可 但是这只是在windows系统下不会报错， 但是如果在linux系统下...
vue.js 大小写转换
热门推荐
蕃薯耀的博客
12-04 1万+
lt;title&gt;vue 大小写&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="vue-div"&gt; 原始：&lt;div&gt;{{msg}}&lt;/div&gt; 大写：&lt;div&gt;{{msg.toUpperCase()}}&lt;/div&g
Vuex 核心揭秘：打造高效前端状态库
最新发布
a3098448071的博客
07-03 1035
状态（State）类似于 Vue 组件的data属性，用于存储组件的响应式数据。在 Vuex 中，state用于存储整个应用的全局状态。Getters类似于 Vue 组件的computed计算属性，它们用于从其他数据派生出新的数据。在 Vuex 中，getters用于从state中派生出一些状态，这些状态可以根据state的变化而缓存或重新计算。Mutations类似于 Vue 组件的methods中的方法，用于改变组件的data。在 Vuex 中，mutations用于改变state。
vue中form表单rules正则验证仅支持8位、16位或者20位的数字,A-F字母，不区分大小写怎么写
07-14
你可以使用`vuelidate`库来进行表单验证。以下是一个示例代码，用于验证输入是否为8位、16位或20位的数字和A-F字母（不区分大小写）： 首先，安装`vuelidate`库： ```bash npm install vuelidate ``` 然后，在你的Vue组件中，导入`vuelidate`并定义表单验证规则： ```javascript import { required, regex } from 'vuelidate/lib/validators' export default { data() { return { form: { input: '' } } }, validations: { form: { input: { required, regex: value => /^(?:[0-9A-F]{8}|[0-9A-F]{16}|[0-9A-F]{20})$/i.test(value) } } } } ``` 在上面的代码中，`input`字段是用于接收用户输入的表单字段。我们使用`required`验证器来确保输入不为空，并使用自定义的`regex`验证器来验证输入是否满足正则表达式要求。 正则表达式`/^(?:[0-9A-F]{8}|[0-9A-F]{16}|[0-9A-F]{20})$/i`用于匹配8位、16位或20位的数字和A-F字母（不区分大小写）。`^`和`$`用于限制整个输入的长度，`(?:...)`用于分组而不捕获结果，`[0-9A-F]`表示可以是数字或A-F字母。 最后，在模板中显示验证错误信息： ```html <template> <form @submit.prevent="submitForm"> <input v-model="form.input" type="text"> <div v-if="$v.form.input.$error"> <div v-if="!$v.form.input.required">Input is required.</div> <div v-if="!$v.form.input.regex">Input must be 8, 16 or 20 characters long and contain only digits and A-F letters.</div> </div> <button type="submit">Submit</button> </form> </template> ``` 在上面的代码中，我们使用`$v.form.input.$error`来检查验证错误的存在，并使用`$v.form.input.required`和`$v.form.input.regex`来检查具体的验证错误类型。 这样，当用户输入不满足要求时，会显示相应的错误信息。当用户点击提交按钮时，你可以在`submitForm`方法中检查表单是否通过验证。 希望这可以帮助到你！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值