vue 正则表达式验证_vue表单自定义验证

vue 正则表达式验证_vue表单自定义验证首先需要自己写正则表达式,正则学得不好就不乱指点了=>方法1如果你是单独建的js文件先引入正则表达式文件才进行下一步或者直接在组件内写正则2data({constregExpID=(rule,value,callback)=>{//regExpID自定义类名if(value===”){//value验证的值不要更改会自动匹配你所需要验证的值ca…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

首先需要自己写正则表达式,正则学得不好就不乱指点了=>

方法

1如果你是单独建的js文件 先引入正则表达式文件才进行下一步 或者直接在组件内写正则

2data({

const regExpID = (rule, value, callback) => { //regExpID自定义类名

if (value === ”) { //value 验证的值不要更改 会自动匹配你所需要验证的值 callback验证错误返回的提示可根据需求自行更改

callback(new Error(‘生态id不能为空’));

} else if (regExp.isText(value)) { //regExp.isText引入的文件的正则表达式 当然也可以直接引入文件内的某一个正则视情况而定

callback(new Error((‘生态id不能是文字’)))

} else {

callback()

}

};

}) ,

return{

rules: {

//表单验证 validator是element官方提供验证方法 regExpID上面方法自定义明

desc: [

{required: true, validator: regExpID, trigger: ‘blur’},

],

}

}

这只是来自官方提供的方法 也可以请表单验证模块学习更深层次的验证

大佬写的方法比这个透彻欢迎交流

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/200752.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Nginx 防攻击安全配置

    Nginx 防攻击安全配置网站安全配置(Nginx)防止网站被攻击(包括使用了CDN加速之后的配置方法)网站被攻击是一个永恒不变的话题,网站攻击的方式也是一个永恒不变的老套路。找几百个电脑(肉鸡),控制这些电脑同时访问你的网站,超过你网站的最大承载能力,然后你就瘫了。方法虽然老土,但却一直都很管用,就像怎么打败美帝国主义,最简单的方法就是13亿中国人都移民去美帝,吃他的、用他的、花他的,直接能让美帝破产,压根不需要用…

    2022年6月16日
  • Java8的Stream流详解「建议收藏」

    Java8的Stream流详解「建议收藏」首先,Stream流有一些特性:Stream流不是一种数据结构,不保存数据,它只是在原数据集上定义了一组操作。这些操作是惰性的,即每当访问到流中的一个元素,才会在此元素上执行这一系列操作。Stream不保存数据,故每个Stream流只能使用一次。关于应用在Stream流上的操作,可以分成两种:Intermediate(中间操作)和Terminal(终止操作)。中间操作的返回结果都是…

    2022年10月6日
  • 【pycharm】解决pycharm无法在settings里安装库的问题

    【pycharm】解决pycharm无法在settings里安装库的问题本来想直接在pycharm的setting里安装库,但是安装的时候一直转圈圈,要么是太慢要么显示失败。发现用命令行可以解决这个问题。具体操作如下:打开命令行,输入下面语句(确保路径一致)。安装完成:刷新一下pycharm的setting中显示库的界面,可以看到已经更新了不少个库。搞定~~…

    2022年8月26日
  • Java中compareTo用法

    Java中compareTo用法Java中的compareto方法,返回参与比较的前后两个字符串的asc码的差值Stringa="a";Stringb="b";System.out.println(a.compareTo(b));输出值-112345Stringa="b";Stringb="a";System.out.println(a.compareTo(b));输出值1…

    2022年7月13日
  • NET命令的基本用法[通俗易懂]

    NET命令的基本用法[通俗易懂] 本文文章综合了WINDOWS98,WINDOWSWORKSTATION和WINDOWSSERVER这三个操作系统关于NET命令的解释,相信对大家会有所帮助。(1)NET命令是一个命令行命令。(2)管理网络环境、服务、用户、登陆……等本地信息(3)WIN98,WINWORKSTATION和WINNT都内置了NET命令。(4)但WIN98的NET命令和WORKS

    2022年5月28日
  • 算法竞赛入门【码蹄集新手村600题】(MT1551-1600)[通俗易懂]

    算法竞赛入门【码蹄集新手村600题】(MT1551-1600)[通俗易懂]算法竞赛入门【码蹄集新手村600题】(MT1551、MT1552、MT1553、MT1554、MT1555……MT1600)

    2022年10月8日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号