bootstrapValidator中根据别处数值进行判断校验

2024-03-19 02:50

本文主要是介绍bootstrapValidator中根据别处数值进行判断校验,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

实现证件号码根据证件类型的不同选择进行不同校验
实现结果:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

前端使用vue:
证件类型:user.certificateType
证件号码:user.certificateNum
js代码:

            certificateNum: {message: '证件号码验证失败',validators: {notEmpty: {message: '证件号码不能为空'},// regexp: {//     regexp:  /^[A-Za-z0-9]+$/,//     message: '证件号码格式有误,只允许字母与数字组合'// },callback:{message:"证件号格式不正确",callback:function(value,validator){//根据证件类型进行不同格式校验if(vm.user.certificateType==1){var pattern0 = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;//正则表达式用于判斷字符串是否全部由空格或换行符组成var reg = /^\s*$///返回值为true表示不是空字符串//return (value != null && value != undefined && !reg.test(value))if(!(value != null && value != undefined && !reg.test(value))){return true;}else if(pattern0.test(value)){return true;}else if(!pattern0.test(value)){return false;}}else{var pattern1 = /(^(14|15)\d{7})|(^[DEGPS]\d{7,8}$)/;//大陆护照格式var reg = /^\s*$/if(!(value != null && value != undefined && !reg.test(value))){return true;}else if(pattern1.test(value)){return true;}else if(!pattern1.test(value)){return false;}}}}}},

拓展:
1、js判断数据是否为Null或者undefined或者为空字符串

        function CheckIsNullOrEmpty(value) {//正则表达式用于判斷字符串是否全部由空格或换行符组成var reg = /^\s*$///返回值为true表示不是空字符串return (value != null && value != undefined && !reg.test(value))}

2、关于callback的使用:
在这里插入图片描述

这篇关于bootstrapValidator中根据别处数值进行判断校验的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/824554

相关文章

使用MongoDB进行数据存储的操作流程

《使用MongoDB进行数据存储的操作流程》在现代应用开发中,数据存储是一个至关重要的部分,随着数据量的增大和复杂性的增加,传统的关系型数据库有时难以应对高并发和大数据量的处理需求,MongoDB作为... 目录什么是MongoDB?MongoDB的优势使用MongoDB进行数据存储1. 安装MongoDB

Linux使用fdisk进行磁盘的相关操作

《Linux使用fdisk进行磁盘的相关操作》fdisk命令是Linux中用于管理磁盘分区的强大文本实用程序,这篇文章主要为大家详细介绍了如何使用fdisk进行磁盘的相关操作,需要的可以了解下... 目录简介基本语法示例用法列出所有分区查看指定磁盘的区分管理指定的磁盘进入交互式模式创建一个新的分区删除一个存

C#使用HttpClient进行Post请求出现超时问题的解决及优化

《C#使用HttpClient进行Post请求出现超时问题的解决及优化》最近我的控制台程序发现有时候总是出现请求超时等问题,通常好几分钟最多只有3-4个请求,在使用apipost发现并发10个5分钟也... 目录优化结论单例HttpClient连接池耗尽和并发并发异步最终优化后优化结论我直接上优化结论吧,

使用Python进行文件读写操作的基本方法

《使用Python进行文件读写操作的基本方法》今天的内容来介绍Python中进行文件读写操作的方法,这在学习Python时是必不可少的技术点,希望可以帮助到正在学习python的小伙伴,以下是Pyth... 目录一、文件读取:二、文件写入:三、文件追加:四、文件读写的二进制模式:五、使用 json 模块读写

Spring常见错误之Web嵌套对象校验失效解决办法

《Spring常见错误之Web嵌套对象校验失效解决办法》:本文主要介绍Spring常见错误之Web嵌套对象校验失效解决的相关资料,通过在Phone对象上添加@Valid注解,问题得以解决,需要的朋... 目录问题复现案例解析问题修正总结  问题复现当开发一个学籍管理系统时,我们会提供了一个 API 接口去

使用zabbix进行监控网络设备流量

《使用zabbix进行监控网络设备流量》这篇文章主要为大家详细介绍了如何使用zabbix进行监控网络设备流量,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录安装zabbix配置ENSP环境配置zabbix实行监控交换机测试一台liunx服务器,这里使用的为Ubuntu22.04(

在Pandas中进行数据重命名的方法示例

《在Pandas中进行数据重命名的方法示例》Pandas作为Python中最流行的数据处理库,提供了强大的数据操作功能,其中数据重命名是常见且基础的操作之一,本文将通过简洁明了的讲解和丰富的代码示例,... 目录一、引言二、Pandas rename方法简介三、列名重命名3.1 使用字典进行列名重命名3.编

python安装完成后可以进行的后续步骤和注意事项小结

《python安装完成后可以进行的后续步骤和注意事项小结》本文详细介绍了安装Python3后的后续步骤,包括验证安装、配置环境、安装包、创建和运行脚本,以及使用虚拟环境,还强调了注意事项,如系统更新、... 目录验证安装配置环境(可选)安装python包创建和运行Python脚本虚拟环境(可选)注意事项安装

如何使用celery进行异步处理和定时任务(django)

《如何使用celery进行异步处理和定时任务(django)》文章介绍了Celery的基本概念、安装方法、如何使用Celery进行异步任务处理以及如何设置定时任务,通过Celery,可以在Web应用中... 目录一、celery的作用二、安装celery三、使用celery 异步执行任务四、使用celery

SpringBoot使用minio进行文件管理的流程步骤

《SpringBoot使用minio进行文件管理的流程步骤》MinIO是一个高性能的对象存储系统,兼容AmazonS3API,该软件设计用于处理非结构化数据,如图片、视频、日志文件以及备份数据等,本文... 目录一、拉取minio镜像二、创建配置文件和上传文件的目录三、启动容器四、浏览器登录 minio五、