vue js中 input正则校验基础封装的工具

最新推荐文章于 2024-06-20 19:50:45 发布

程序员女侠

最新推荐文章于 2024-06-20 19:50:45 发布

阅读量994

点赞数 1

分类专栏： vue知识梳理文章标签： vue

本文链接：https://blog.csdn.net/weixin_43835135/article/details/102802679

版权

本文介绍了一种在 Vue.js 中基础封装的输入框(input)正则校验方法，涵盖了多种常见的校验场景。欢迎在评论区提出改进意见。

摘要由CSDN通过智能技术生成

js input 正则校验基础封装工具

input常见的校验方法都有：如以下

/* Input验证 */
Vue.prototype.VeryFy = function (name, type, notice) {
  const vm = this;
  let go = true;
  if (type == 'tel') { // 手机号码
    name = name.replace(/\s+/g, '').replace(/-/g, '');
    if (!(/^1[3|4|5|6|7|8|9]\d{9}$/.test(name))) {
      vm.$toast(notice);
      go = false;
    }
  } else if (type == 'num') { // 数字类型
    name = name.replace(/\s+/g, '').replace(/-/g, '');
    if (!(/^[0-9]*$/i.test(name)) && name.length > 0) {
      vm.$toast(notice);
      go = false;
    }
  } else if (type == 'int') { // 正整数
    name = name.toString().replace(/\s+/g, '').replace(/-/g, '');
    if (!(/^([1-9][0-9]*)$/.test(name))) {
      vm.$toast(notice);
      go = false;
    }
  } else if (type == 'long&#