1. 需求

工作要求,要对表单的一些内容进行校验,要求

  • 验证是否输入的数字
  • 验证手机号是否正确
  • 验证银行卡号,并自动识别银行名称

2. 实现

2.1 验证数字

export function validNumber(value){var reg = new RegExp("^[0-9]*$");if(!reg.test(value)){// this.$Message.error('请输入数字!')return false}if(!/^[0-9]+$/.test(value)){// this.$Message.error('请输入数字!')return false}return true
}

2.2 验证手机号

// 验证电话号码
export function validPhone(value){if(!(/^1[3456789]\d{9}$/.test(value))){ this.$Message.error('请输入正确的手机号!')return false; }return true
}

2.3 验证银行卡

  • 为了方便多个页面表单使用,对将银行卡验证 与其他验证 函数进行封装。

  • 具体代码分为两部分

  • Validate.js

    
    import {bankCardAttribution} from './BankVaild'// 验证电话号码
    export function validPhone(value){if(!(/^1[3456789]\d{9}$/.test(value))){ this.$Message.error('请输入正确的手机号!')return false; }return true
    }// 验证银行卡 ,并返回银行卡类型和银行名称
    // 6221882600114166800
    export function validBankCard(value){let res =  bankCardAttribution(value)console.log(res)if(res === 'error'){ // this.$Message.error('请输入正确的手机号!')return false; }else{return res}
    }
    // 验证数字export function validNumber(value){var reg = new RegExp("^[0-9]*$");if(!reg.test(value)){// this.$Message.error('请输入数字!')return false}if(!/^[0-9]+$/.test(value)){// this.$Message.error('请输入数字!')return false}return true
    }
    
  • BankVaild.js 代码太多,来这下载 下载链接

3. 使用

  • 先导入js文件

    import {validBankCard} from "@/common/validate/Validate.js"
    
  • 使用函数
      if (validBankCard(value)) {console.log(validBankCard(value))// callback()} else {console.log(validBankCard(value))console.log("银行卡错误!")// callback(new Error('  '))}
    

js验证银行卡号,并自动识别银行信息。js验证手机码。js验证数字相关推荐

  1. js验证银行卡号属于哪家银行

    因为今天有个业务涉及到了银行卡业务,一开始打算让用户自己输入银行卡类型,或者是让用户手动选择银卡卡类型,但是都感觉有点捞,于是还是采用了调用接口: //接口链接 https://ccdcapi.ali ...

  2. php怎么验证银行账号,PHP后台验证银行卡号和开户银行支行是否匹配

    2016-11-22 20:06黄盈椿 客户经理 ',如果信用卡号码是合法的;邮储银行-绿卡通-借记卡' ',得到总和;CJSC "Spitamen Bank"(30030762) ...

  3. js银行卡luhm校验,验证银行卡号并返回开户行(三方插件和在线验证)

    最近做公司的项目遇到银行卡号匹配开户银行的问题,一开始是正则匹配银行卡号码,开户银行银行自己填写,后来用户又让改,说要自动匹配开户银行,唉,用户都是大哥,让改就要改--话不多说,上代码. 自己寻思了半 ...

  4. 编写一个将用户输入的信息输出到网页的js程序 和 用if else验证用户输入的密码是否正确(两个代码)

    js的一次作业罢了 tip:编写一个将用户输入的信息输出到网页的js程序 和 用if else验证用户输入的密码是否正确 (两个代码) 1.编写一个将用户输入的信息输出到网页的js程序 <!DO ...

  5. js根据银行卡号判断属于哪个银行并返回银行卡类型

    js校验银行卡号校验银行卡类型及开户行 校验方法 //根据情景自行处理代码checkAccountNumberFn(event) {var that = this;let bankCode = thi ...

  6. JS中常用正则转换和信息验证的封装(80个)

    JS中常用正则转换和信息验证的封装(80个) 邮箱 手机号码 电话号码 是否url地址 是否字符串 是否数字 是否boolean 是否函数 是否为null 是否undefined 是否对象 是否数组 ...

  7. js根据输入的银行卡获取对应银行信息

    引入 npm install bankcardinfo 案例 <view class="inputBorStyle"><text class="inpu ...

  8. C#——获取银行卡所属银行,验证银行卡号是否正确

    原文Java大神写的 不是原创,本人转载:https://blog.csdn.net/qq_36279445/article/details/77369760 第一想到的是正则表达式,后面尝试多次,卡 ...

  9. 获取银行卡所属银行,验证银行卡号是否正确

    需求:用户输入银行卡卡号,需要验证卡号格式,自动填充所属银行. 第一想到的是正则表达式,后面尝试多次,卡号验证不太准确. 换一种思路:用户输入卡号,进入java后台,对卡号进行验证,返回结果.可行! ...

最新文章

  1. php,cgi,nginx关系
  2. div内实现文字左右循环滚动
  3. 有关oracle数据库中的日期显示问题
  4. [Oracle]Oracle 各产品的 生命周期
  5. Flask 模型操作
  6. 网络:浏览器静态资源缓存机制
  7. SD销售订单输入成本中心
  8. Python的类Class中__init__函数和self
  9. HDU 4635 Strongly connected
  10. Scala 元组(tuple)
  11. StringBuilder字符串缓冲区
  12. datagrid 小数点_EasyUI 解决 datagrid 中 NumberBox 限制小数位数后不能输入小数点问题...
  13. 第五章:配置使用FastJson返回Json视图
  14. 创业项目筹备了两个多月,确实不容易
  15. ORBSLAM2 文章翻译
  16. 基于LDA模型的知网Python论文主题挖掘
  17. 天轰穿视频非知识点总结
  18. 算法面试用c还是python_排序算法(C语言+Python版)宝宝再也不怕面试官写排序算法了...
  19. 记一次 Ruby 内存泄漏的排查和修复
  20. 向大家推荐一款可以免费在线Word转pdf,jpg转pdf,ppt转pdf等各种格式转换的网站

热门文章

  1. [总结]读取应用程序/类库配置文件(比如***.dll.config)的方法小结
  2. Effective-Java 谨慎使用流并行
  3. powered by php168 v6,php168整站系统V6正式版(v6.01)公开下载
  4. Fastly 全球规模边缘云计算实践
  5. 终于解决了PADS,Altium,ORCAD的相互转换问题
  6. linux使用阿里云镜像仓库yum源
  7. 数据的表示和运算,进制转换,BCD码,奇偶校验码,海明校验码,循环冗余码
  8. 为什么微信头像是方的QQ头像是圆的?
  9. expected START_TAG or END_TAG not TEXT (position: TEXT seen
  10. Java计算机毕业设计电影网站系统设计源码+系统+数据库+lw文档