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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • uniapp打包ios真机测试_苹果手机没有app可供测试

    uniapp打包ios真机测试_苹果手机没有app可供测试这里说的是数据线链接首先要给电脑上安装一个手机驱动我用的是360助手(链接如下:)http://sj.360.cn/index.html先测试手机和电脑是否能连接成功然后再HBuilderX中点击运行到手机模拟器就可以了,注意:连接手机的时候会提示手机也需要下载360手机助手(按照提示下载即可),手机上会自动安装一个HBuilder,点击进去就是自己的app手机连接的时候要选中usb调试模式…

    2025年9月23日
    8
  • Solidity String转byte32 byte转String

    Solidity String转byte32 byte转String///string类型转化为bytes32型转functionstringToBytes32(stringmemorysource)constantinternalreturns(bytes32result){assembly{result:=mload(add(source,32))}}///bytes32类型转化为string型转functionbytes32ToString(b.

    2022年6月16日
    192
  • Java Web前端基础

    Java Web前端基础JavaWeb的学习是需要一定的计算机基础的,主要有前端基础和Java基础和一定的网络基础,这些基础知识还是需要掌握到一定的程度的。本文主要介绍前端接触,共包括HTML、CSS和JavaScript,学习的过程中,还是要多动手。

    2022年7月7日
    20
  • 使用控件的RenderControl()方法导出Excel「建议收藏」

    使用控件的RenderControl()方法导出Excel「建议收藏」使用控件的RenderControl()方法生成HTML表格       stringstrName=”HuaMingCe”;       Response.Clear();       Response.Buffer=true;       Response.Charset=”utf-8″;       Response.AppendHeader(“Content

    2022年7月20日
    14
  • 为企业数字化转型提供服务_数字赋能企业转型

    为企业数字化转型提供服务_数字赋能企业转型企业数字化转型必备利器之微服务扩展

    2022年4月21日
    40
  • QQ密技十五招[通俗易懂]

    QQ密技十五招[通俗易懂]1.减少QQ占用内存资源的秘笈  登陆QQ后,占用内存:约8M  QQ离线,占用内存:约10M  秘笈:登陆QQ后,随便打开一个好友的对话窗口,把它最小化,QQ占用的内存就变为3M了,这对于内存小的朋友特别有用!!2.QQ自定义头像上传成功率较高的方法  1.将图像剪裁成40*40,再大的图也是这么大..  2.将图像转换成bmp格式  3.满足以上条件后

    2022年7月20日
    17

发表回复

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

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