Vue判断输入框中的数据是不是正则

vue项目中使用正在失去焦点事件并对输入框进行正则校验 阅读详情
<template>
   <el-form ref="form" :model="form" label-width="80px">
        <el-form-item label="你的答案">
           <el-input v-model="form.name" placeholder="请输入你的答案"></el-input>
        </el-form-item>
        <el-form-item>
            <el-button type="primary" @click="onSubmit">立即创建</el-button>
        </el-form-item>
    </el-form>
</template>

<script>
    export default {
        data() {
            return {
             form: {
                name: ''
               }
            }
        },
        methods: {
            onSubmit(form) {
		         this.$refs.form.validate((valid) => {
		            //打印输入的值
		            console.log("name",this.form.name)
		            //对输入的值进行是否是正则表达式的校验
		           var a;
		           try{
		               a= eval(this.form.name) instanceof RegExp ;
		           }catch(error){
		               console.log('异常',error);
		                a=false ;
		           } 
		           if(a){
		              alert('是正则')
		           }else{
		                alert('不是正则')
		           }
        });
    }
},
}
</script>
 
京东技术产品经理面试全记录:从简历投递到一面45分钟实战复盘 本文深度复盘京东技术产品经理面试全流程,从策略准备、思维题拆解、项目阐述到反问谈判,提供了一套可演练的求职策略体系。文章强调该岗位需具备横跨技术与商业的枢纽能力,并通过“QQ分组vs微信标签”等案例,剖析了产品思维与结构化表达在面试中的关键作用,助力候选人将紧张转化为掌控感。 阅读详情

相关推荐

RAG-Anything 实战:构建企业级多模态知识图谱问答系统

本文详细介绍了如何利用RAG-Anything构建企业级多模态知识图谱问答系统,解决跨模态文档处理的痛点。通过架构设计解析、部署实战指南和典型业务场景解决方案,帮助企业实现高效的知识管理和智能检索,提升决策效率。

weixin_29089057的博客 385

js判断输入是否为合法的正则表达式

js判断是否输入合法正则表达式 if (this.editParamForm.extractPattern) { let isReg = true; try { new RegExp(this.editParamForm.extractPattern); } catch (e) { isReg = false; } // console.log(isReg);

sanjun_done的博客 5547

一文入门Qwen-Agent【附实战代码】

Qwen-Agent 是一个开源框架,用于开发基于 Qwen 模型的 AI 智能体应用,一文带你入门使用

m0_55303420的博客 1873

vue-----正则表达式校验、验证

1、el-form表单校验: el-form添加rules属性,基础用法见elementUI官网; el-form添加rules属性,通过正则表达式自定义校验,用法如下: data() { let validatorTelAndMobile = function (rule, value, callback) { if (!value) { return callback(new Error('请输入联系电话'));

string佳佳的博客 1万+

MST-GAT: Enhancing Anomaly Detection in Multimodal Time Series with Intra- and Inter-Modal Attention

本文深入解析了MST-GAT模型,这是一种通过模态内与模态间注意力机制增强多模态时间序列异常检测的新方法。它通过构建图结构显式建模传感器间的复杂时空依赖,并结合时间卷积网络与联合优化策略,有效降低了传统方法中常见的误报与漏报问题,在工业监控等场景中展现出卓越性能。

weixin_29079671的博客 150

纯相位全息图优化算法综述

除此之外,还有许多用于减少斑点噪声的非迭代方法,例如:采用下采样掩膜的采样纯相位全息图(Sampled-Phase-only Hologram)方法、模式化相位掩膜(Patterned Phase-Only Hologram)方法、双相位方法(Double-Phase Method),以及使用非随机相位掩膜的方法(Random Phase-Free Method)等。迭代算法通常由一个对目标全息图的近似出发,经过一系列的重复操作不断优化这个近似全息图,直到该近似所得到的重建图像满足一定的误差要求;

ZhongKeWeiXing的博客 1427

判断输入的正则表达式是否符合正则规则

判断输入的正则表达式是否符合正则规则

qq_40407998的博客 3886

教师模型与学生模型:知识蒸馏的核心概念

知识蒸馏,教师模型,学生模型,模型压缩,迁移学习,深度学习 1. 背景介绍 深度学习模型在图像识别、自然语言处理等领域取得了显著的成就,但其巨大的模型规模和高昂的计算成本限制了其在资源有限的设备上的部署。知识蒸馏(Knowledge Distillation)作为一种模型压缩技术,旨

AI架构师小马 2770

vue实现 自定义正则验证

要封装一个全局调用的输入校验,你可以创建一个全局指令来实现。以下是一个示例,演示如何创建一个全局的输入校验指令,并根据校验结果来动态改变输入框的样式: // main.js import Vue from 'vue'; import App from './App.vue'; // 注册全局的输入校验指令 Vue.directive('inputValidation', { bind(el, binding) { el.classList.add('input-validation');

weixin_62219002的博客 608

ABAP GIT 作用介绍

总结起来,ABAPGit 是一个强大的工具,它通过将 SAP ABAP 项目与 Git 版本控制系统集成,大大提高了代码管理的效率和团队协作的质量。在 ABAPGit 出现之前,ABAP 代码的版本控制和团队之间的协作主要依赖于手工操作或者是 SAP 自带的版本控制工具,这些方式效率低下,且难以实现高效的代码管理。使用 ABAPGit,SAP 项目团队不仅可以提高代码管理的效率和质量,还可以通过 Git 的强大功能实现高效的团队协作和代码审查。

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 839

从地方政府网站抓取政务公开数据:Python爬虫技术详解

在本文中,我们通过具体实例介绍了如何使用Python编写爬虫,从地方政府门户网站抓取政务公开数据。我们使用了requestsSelenium等最新技术,结合SQLite数据库存储抓取的数据,最后使用matplotlib进行数据可视化分析。通过本项目,您可以掌握如何抓取政府网站的公开数据,并将其进行清洗、存储和分析。这些技术对于进行政府政策分析、公共服务分析等方面具有重要的实际意义。希望通过本文的介绍,您能够更好地理解政务数据抓取的流程和方法,并能在实际工作中运用这些技术进行数据采集和分析。

2201_76125261的博客 1702

【VUE】表单验证-

对象已经赋值 输入框提示为空解决。 表单内嵌套table 多选后数据已更新,但验证一直为空

SZnAl的博客 3155

uniapp [安卓苹果App端] - 在“安卓app/苹果app“平台端打包编译后,微信授权登录报错 login:fail [:-1]未能完成操作。(PGWXAPI错误-1。)错误码code:-10

uni-app,安卓Android,苹果ios,安卓app端,苹果App端,uniapp苹果安卓app,微信授权登录,uniAppAPP端微信登录报错,出现微信确认登录界面后点击登录报错,BundleID,应用ID,微信登录,app微信一键登录,微信登录绑定点确定就出错,AppSecrect,login:fail[:-1]未能完成操作。(PGWXAPI错误-1。),"errCode":-100,"code":-100,在uniappmanifest.json配置了AppSecrect还是报错无

🏆 前端领域优质创作者 3764

vue 设置所有的输入框只读_VUE.js实现动态设置输入框disabled属性

VUE.js实现动态设置输入框disabled属性需求背景页面从list列表展示,跳转到新增和修改的时候,新增和修改用的是同一个页面:add-or-update.vue。修改的时候用户的账号不能修改,因此需要将账号的输入框属性设置为"只读"。代码样例v-bind:disabled="dataForm.id!=0"dataForm.id初始值为0当修改操作时,dataForm.id是将要修改的那条数...

weixin_29894169的博客 5536

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

Vue项目中登陆和注册页面的数据判断

Vue项目中登陆和注册页面的数据判断 本次讲解一下在Vue项目中注册页面和登陆页面中关于输入数据的判断。以我自己做的一个仿某站项目为例。 这是每个输入框的组件 <template> <div> <van-cell-group> <van-field v-model="content" :label="label" :rule="rule" :placeholder="placeholder" :type="type"/> &l

weixin_44691513的博客 1336

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

DeepSeek 助力 Vue3 开发:打造丝滑的密码输入框(Password Input)

DeepSeek 的出现,不仅对美国科技股和全球 AI 市场产生了深远的影响,也打破了原有的市场格局,推动了全球 AI 技术的创新和发展。

宝码香车的博客 2847

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

vue实现表单输入框数字类型校验功能

vue轻松搞定表单数字校验

全栈码农,专注java项目实战教程分享、大学生项目辅导开发讲解。 2618

vue-正则写法形式

简介:我们可以使用三种正则形式 https://blog.youkuaiyun.com/qq_35525955/article/details/93386406 当前使用: html: <div style="margin-top:30px" v-for="(item,i) in templateRuleData" :key="i" v-if="templateRuleData[i].isUsable ==0 &&amp

萍踪侠影 1288

vue点击添加一行输入框_vue 点击按钮增加一行的方法

vue 点击按钮增加一行的方法如下所示:data() {return {customized_descs: [1],}},不要js,jq里面的方法了。以上这篇vue 点击按钮增加一行的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。时间: 2018-09-06如下所示: demo.html Index Page 本文实例讲述了vue input实现点...

weixin_39647458的博客 7273

vue--输入框校验方法

输入框校验方法 效果图: 布局: <template> <div class="ff"> <input type="text" v-model="val" @input="change" maxlength="10" /> <span>*</span> <span v-show="flag">支持格式:纯数字</span> </div> </template> 样

孛儿只斤·苏日娜的日记 8375

Vue中结合ElementUI实现:限制输入框只能输入正整数

Vue中结合ElementUI实现:限制输入框只能输入正整数 如果觉得对您有所帮助,麻烦您动动您的小手指给点个赞呗(*^▽^*) input输入框中禁止输入小数和负数(*只允许输入正整数 *) 方法一:利用禁止按键的方法,主要是依靠禁止按下减号以及小数点来完成的 首先要监听keyup(键盘按下)事件,因为elementUi上面的input组件监听事件是没有这个事件的,所以可能会报错,所以我们需...

weixin_42246997的博客 1988

vue 实现通过字符串关键字符动态渲染 input 输入框

今天做一个简单的demo,就是有一个字符串,字符串里面有标识符,前端检测到标识符之后,需要将这个标识符转换成一个 input 输入框并且进行数据输入和绑定功能。

“跟他人学,和自己比” 2880

vue中输入框事件的使用,数值校验

最近做项目,用到vue去监听输入框当中值,并且去校验值的正确性, 我们都知道 vue 当中 主要监听输入框的方法有四个:input change blur keyup.enter 他们都可以使用@+xxxx="在vue当中定义的方法",去引用实现,然后利用v-model去绑定data当中的数据, 下面我们就来介绍一下这四个方法: 一、@input(或者是v-on:input) ...

qq_42112846的博客 1万+

【Vue】组件封装——input输入框_vue input

所有的 props 都遵循着单向绑定原则,props 因父组件的更新而变化,自然地将新的状态向下流往子组件,而不会逆向传递。我们需要在 register.vue 中为 input.vue 绑定自定义事件, 子组件将数据以参数的形式传给父组件,并触发。对 error_message 进行数据监视, 每当error_message发生改变时,就进行一次提示。​ 格式无误: 将 input_data 中的state修改为true.中对输入框的信息进行设置, 并传给子组件。根据父组件传过来的数据。

2401_84419009的博客 2448

Vue全局指令使用之限制输入框输入特殊字符

使用Vue全局指令限制特殊字符的输入

qq_54228138的博客 1634

DeepSeek 助力 Vue 开发:打造丝滑的文本输入框(Text Input)

DeepSeek 通过创新的算法和架构设计,努力降低模型对算力的依赖。在模型架构上,采用了混合专家(MoE)架构。这种架构能够根据不同的任务和输入数据,动态地选择最合适的子模型进行处理,从而提高模型的处理效率,减少不必要的计算资源浪费。在处理简单的文本分类任务时,MoE 架构可以快速选择专门针对该任务优化的子模型,避免使用整个大模型进行计算,从而大大降低了算力需求。DeepSeek 还采用了一些先进的训练算法,如自适应学习率调整算法,能够根据模型的训练状态自动调整学习率,提高训练效率,减少训练时间,间接降低

宝码香车的博客 3083
上一篇: Vue中的 watch监听
下一篇: vue中 this.$set的用法
前端小li
博客等级 码龄7年 14粉丝 50原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值