输入类型的验证方法

最新推荐文章于 2024-02-20 09:52:26 发布
最新推荐文章于 2024-02-20 09:52:26 发布
阅读量115 收藏
点赞数
分类专栏： 笔记 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46252229/article/details/120652252
版权
本文提供了多种前端验证函数，包括检查外部链接、用户名、URL、小写、大写、字母、邮箱、电话号码、字符串类型、数组类型、IP地址、银行卡号、账号格式、电话号码类型、固话号码、手机号码、报案号、工时费、身份证号码、车牌号、底盘号、正整数、折扣价、量位小数和特定格式的字符串验证。这些函数用于确保用户输入的数据符合特定格式要求。
摘要由CSDN通过智能技术生成

输入类型的验证方法

/**
 * Created by PanJiaChen on 16/11/18.
 */


/**
 * @param {string} path
 * @returns {Boolean}
 */
export function isExternal(path) {
  return /^(https?:|mailto:|tel:)/.test(path);
}

/**
 * @param {string} str
 * @returns {Boolean}
 */
export function validUsername(str) {
  const valid_map = ["admin", "editor"];
  return valid_map.indexOf(str.trim()) >= 0;
}

/**
 * @param {string} url
 * @returns {Boolean}
 */
export function validURL(url) {
  const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/;
  return reg.test(url);
}

/**
 * @param {string} str
 * @returns {Boolean}
 */
export function validLowerCase(str) {
  const reg = /^[a-z]+$/;
  return reg.test(str);
}

/**
 * @param {string} str
 * @returns {Boolean}
 */
export function validUpperCase(str) {
  const reg = /^[A-Z]+$/;
  return reg.test(str);
}

/**
 * @param {string} str
 * @returns {Boolean}
 */
export function validAlphabets(str) {
  const reg = /^[A-Za-z]+$/;
  return reg.test(str);
}

/**
 * @param {string} email
 * @returns {Boolean}
 */
export function validEmail(email) {
  const reg = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  return reg.test(email);
}

export function isvalidPhone(phone) {
  const reg = /^1[0-9]\d{9}$/;
  return reg.test(phone);
}

/**
 * @param {string} str
 * @returns {Boolean}
 */
export function isString(str) {
  if (typeof str === "string" || str instanceof String) {
    return true;
  }
  return false;
}

/**
 * @param {Array} arg
 * @returns {Boolean}
 */
export function isArray(arg) {
  if (typeof Array.isArray === "undefined") {
    return Object.prototype.toString.call(arg) === "[object Array]";
  }
  return Array.isArray(arg);
}

/**
 * 是否合法IP地址
 * @param rule
 * @param value
 * @param callback
 */

export  function passs(rule, value, callback) {
 debugger
  if (value === "" || value === undefined || value == null) {
    callback();
  } else{
    var reg=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){5,19}$/;
    if(!reg.test(value)){
      callback(new Error("只能输入6-20个以字母开头、可带数字的字串"));
    }else {
      callback();
    }
  }
}
export function validateIP(rule, value, callback) {
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
    if (!reg.test(value) && value !== "") {
      callback(new Error("请输入正确的IP地址"));
    } else {
      callback();
    }
  }
}


export function bankUsername(rule, value, callback){
  const reg = /^([1-9]{1})(\d{15}|\d{16}|\d{18})$/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg.test(value) && value !== "") {
      callback(new Error("请输入正确银行卡号"));
    } else {
      callback();
    }
  }
}

//含有数字字母且必须有大写字母
export function accountNumber(rule, value, callback){
  const reg = /^(?=.*?[A-Za-z]+)(?=.*?[0-9]+)(?=.*?[A-Z]).*$/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg.test(value) && value !== "") {
      callback(new Error("请输入含有数字字母且必须有大写字母"));
    } else {
      callback();
    }
  }
}

/* 是否手机号码或者固话*/
export function validatePhoneTwo(rule, value, callback) {
  const reg = /^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg.test(value) && value !== "") {
      callback(new Error("请输入正确的电话号码或者固话号码"));
    } else {
      callback();
    }
  }
}

/* 是否固话*/
export function validateTelephone(rule, value, callback) {
  const reg = /0\d{2}-\d{7,8}/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg.test(value) && value !== "") {
      callback(new Error("请输入正确的固话（格式：区号+号码,如010-1234567）"));
    } else {
      callback();
    }
  }
}

/* 是否手机号码*/
export function validatePhone(rule, value, callback) {
  const reg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg.test(value) && value !== "") {
      callback(new Error("请输入正确的电话号码"));
    } else {
      callback();
    }
  }
}

/* 是否报案号*/
export function validateBanhao(rule, value, callback) {
  const reg = /^[a-zA-Z0-9]*$/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg.test(value) && value !== "") {
      callback(new Error("请输入正确的报案号"));
    } else {
      callback();
    }
  }
}

/* 是否工时费*/
export function validateGsf(rule, value, callback) {
  const reg = /^[0-9]+\.?[0-9]*$/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg.test(value) && value !== "") {
      callback(new Error("请输入正确的工时费"));
    } else {
      callback();
    }
  }
}

/* 是否身份证号码*/
export function validateIdNo(rule, value, callback) {
  const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg.test(value) && value !== "") {
      callback(new Error("请输入正确的身份证号码"));
    } else {
      callback();
    }
  }
}

/* 判断车牌号*/
export function validateId_cph(rule, value, callback) {
  const reg = /(^[\u4E00-\u9FA5]{1}[A-Z0-9]{6,7}$)|(^[A-Z]{2}[A-Z0-9]{2}[A-Z0-9\u4E00-\u9FA5]{1}[A-Z0-9]{4,5}$)|(^[\u4E00-\u9FA5]{1}[A-Z0-9]{6}[挂学警军港澳]{1}$)|(^[A-Z]{2}[0-9]{4,5}$)|(^(08|38){1}[A-Z0-9]{4}[A-Z0-9挂学警军港澳]{1,2}$)/.test(
    value
  );
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg && value !== "") {
      callback(new Error("请输入正确的车牌号"));
    } else {
      callback();
    }
  }
}

//底盘号的验证
export function validateId_dph(rule, value, callback) {
  const reg = getCheckVin(value);
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg && value !== "") {
      callback(new Error("请输入正确的底盘号"));
    } else {
      callback();
    }
  }
}
//无框架效验底盘号
export function dph(val) {
  const reg =  /^[A-HJ-NPR-Z\d]{8}[X\d][A-HJ-NPR-Z\d]{3}\d{5}$/;
  if(reg.test(val)){
    return true
  }else {
    return false
  }

}

var Arr = new Array();
var Brr = new Array();
Arr["A"] = 1;
Arr["B"] = 2;
Arr["C"] = 3;
Arr["D"] = 4;
Arr["E"] = 5;
Arr["F"] = 6;
Arr["G"] = 7;
Arr["H"] = 8;
Arr["J"] = 1;
Arr["K"] = 2;
Arr["L"] = 3;
Arr["M"] = 4;
Arr["N"] = 5;
Arr["P"] = 7;
Arr["R"] = 9;
Arr["S"] = 2;
Arr["T"] = 3;
Arr["U"] = 4;
Arr["V"] = 5;
Arr["W"] = 6;
Arr["X"] = 7;
Arr["Y"] = 8;
Arr["Z"] = 9;
Arr["1"] = 1;
Arr["2"] = 2;
Arr["3"] = 3;
Arr["4"] = 4;
Arr["5"] = 5;
Arr["6"] = 6;
Arr["7"] = 7;
Arr["8"] = 8;
Arr["9"] = 9;
Arr["0"] = 0;
Brr[1] = 8;
Brr[2] = 7;
Brr[3] = 6;
Brr[4] = 5;
Brr[5] = 4;
Brr[6] = 3;
Brr[7] = 2;
Brr[8] = 10;
Brr[9] = 0;
Brr[10] = 9;
Brr[11] = 8;
Brr[12] = 7;
Brr[13] = 6;
Brr[14] = 5;
Brr[15] = 4;
Brr[16] = 3;
Brr[17] = 2;

function getCheckVin(sVIN) {
  var sKYZF = "ABCDEFGHJKLMNPRSTUVWXYZ1234567890";
  var sJYW = "";
  var bl = false;
  var blKYZF = false;
  if (sVIN.length == 17) {
    var iJQS = 0,
      intTemp = 0;
    var ht = Arr;
    var htZM = Brr;
    try {
      for (var i = 0; i < sVIN.length; i++) {
        if (sKYZF.indexOf(sVIN.substr(i, 1)) != -1) {
          blKYZF = true;
          iJQS = iJQS + parseInt(ht[sVIN.substr(i, 1)]) * parseInt(htZM[i + 1]);
        } else {
          blKYZF = false;
          break;
        }
      }
      if (blKYZF) {
        intTemp = iJQS % 11;
        if (intTemp == 10) {
          sJYW = "X";
        } else {
          sJYW = intTemp.toString();
        }
        if (sJYW == sVIN.substr(8, 1)) bl = true;
      } else {
        bl = false;
      }
    } catch (err) {
      bl = false;
    }
  }
  return bl;
}

/** 大于包括0 的正整数
 *
 * **/
export function validate_number(rule, value, callback) {
  const reg = /^[1-9]\d*$/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (value == 0) {
      callback();
    } else if (!reg.test(value) && value !== "") {
      callback(new Error("请输入正整数"));
    } else {
      callback();
    }
  }
}

export function validate_numbertwo(rule, value, callback) {
  const reg = /^[1-9]\d*$/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg.test(value) && value !== "") {
      callback(new Error("请输入正整数"));
    } else {
      callback();
    }
  }
}

/** 大于-1的正整数
 *
 * **/
export function validate_kj(rule, value, callback) {
  const reg = /^[1-9]\d*$/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (value == 0 || value == -1) {
      callback();
    } else if (!reg.test(value) && value !== "") {
      callback(new Error("请输入-1以上正整数"));
    } else {
      callback();
    }
  }
}

//折扣价验证
export function validate_Discount(rule, value, callback) {
  if (!value) {
    return callback(new Error("折扣必填！"));
  } else if (value > 100 || value <= 0) {
    return callback(new Error("固定折扣不能为空，请输入折扣价1-100的整数"));
  } else {
    callback();
  }
}

//量位小数的认证
export function validate_number_two(rule, value, callback) {
  const reg = /^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (value == 0) {
      callback();
    } else if (!reg.test(value) && value !== "") {
      callback(new Error("最多只能输入两位小数"));
    } else {
      callback();
    }
  }
}

//1-30正整数验证
export function validate_yanzheng(rule, value, callback) {
  const reg = /^([1-9]|[1-2]\d|30|0.1)$/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg.test(value) && value !== "") {
      callback(new Error("请输入正整数"));
    } else {
      callback();
    }
  }
}

//大写字母和数字
export function validate_bxdh(rule, value, callback) {
  const reg = /[A-Z0-9]{5}/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg.test(value) && value !== "") {
      callback(new Error("请输入正确的单号"));
    } else {
      callback();
    }
  }
}


//大写字母和数字
export function validate_name(rule, value, callback) {
  const reg = /[\u4E00-\u9FA5\uF900-\uFA2D]/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg.test(value) && value !== "") {
      callback(new Error("请输入2-4个汉字"));
    } else {
      callback();
    }
  }
}
// 有两位小数的正实数
export function Positive_name(rule, value, callback) {
  const reg = /^[0-9]+(.[0-9]{2})?$/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg.test(value) && value !== "") {
      callback(new Error("请输入数字或两位的小数"));
    } else {
      callback();
    }
  }
}

// 验证小数
export function decimal(rule, value, callback) {
  const reg = /^-?[0-9]*(\.\d*)?$|^-?d^(\.\d*)?$/;
  if (value === "" || value === undefined || value == null) {
    callback();
  } else {
    if (!reg.test(value) && value !== "") {
      callback(new Error("请输入整数或小数"));
    } else {
      callback();
    }
  }
}
LinDon_
关注
专栏目录
Android EditText限制输入字符类型的方法总结
08-31
1. 使用inputType属性限制输入类型： inputType是EditText的一个属性，它允许开发者指定EditText预期接收的文本类型，从而对用户的输入进行限制。例如，要设置EditText为密码输入框，可以在XML布局文件中这样配置：...
JavaScript判断输入是否为数字类型的方法总结
10-19
在JavaScript编程中，判断输入是否为数字类型是一个常见的需求，特别是在处理用户输入或者验证表单数据时。本文将总结几种常见的方法，以帮助开发者更准确地进行数字类型的判断。 ### 前言 在前端开发中，我们经常...
常用验证方法
weixin_39238200的博客
08-09 1327
/** *@copyrighthulinlin3222941047@qq.com *@description判读是否为外链 *@parampath *@returns{boolean} */ exportfunctionisExternal(path){ return/^(https?:|mailto:|tel:)/.test(path); } /** *@copyrighthulinlin3222941047@qq.com *@...
正则校验的多种方式
lf811的博客
08-30 3421
正则常见的校验规则以及校验实现的多种方式
elementUI的el-menu组件做内部组件和外链区分
黎小小的博客
11-07 847
场景：左侧菜单栏的菜单项有内部组件切换，也会有点击后进入外链的情况，如何同时处理这种情况？AppLink封装：插槽形式显示el-menu-item。
常用的校验
weixin_30480651的博客
07-12 1785
/** * @param {string} path 判断字符串是否是https?:|mailto:|tal: 开头的 * @returns {Boolean} */ export function isExternal(path) { return /^(https?:|mailto:|tel:)/.test(path) } /** * @param {st...
JavaScript 字符串面试题
最新发布
qq_42431718的博客
02-20 261
编写一个函数，判断一个字符串是否是有效的括号序列。字符串中只包含 ‘(’, ‘)’, ‘{’, ‘}’, ‘[’ 和 ‘]’ 这些字符，并且括号必须以正确的顺序闭合。编写一个函数，将给定的字符串转换为蛇形命名法（snake case）。编写一个函数，判断一个字符串是否是有效的回文子串。字符串只包含字母和数字，忽略字母的大小写。编写一个函数，统计字符串中每个字符出现的次数，并返回一个包含字符及其对应出现次数的对象。编写一个函数，将字符串中的单词按照字母顺序进行排序，并返回排序后的字符串。
WebApiClient的接口输入验证方法
01-20
【WebApiClient接口输入验证方法详解】 随着Web开发技术的发展，WebApiClient因其易用性和灵活性，逐渐成为许多开发者在客户端调用API时的首选工具，它替代了传统的HttpClient。本文将深入探讨WebApiClient如何实现...
javascript数据类型验证方法
10-23
最后，对于JavaScript开发者来说，掌握数据类型验证的方法是非常有用的，它不仅能够帮助我们更好地理解JavaScript的数据类型系统，还能够在开发过程中保证数据的准确性，防止由于数据类型错误引起的程序异常。
表单字段类型验证方法
03-07
- `string`: 一般限制输入的字符类型，避免特殊字符。 - `mobile` 和 `phone`: 分别验证手机号码和电话号码，需要根据目标国家或地区的电话号码格式定制正则。 在实际应用中，前端验证应该与后端验证相结合，因为...
常用各类验证 正则表达式
10-22
包括电话号码验证，邮政编码验证 ，电子邮件验证，身份证验证，常用数字验证，非法字符验证 ，日期验证。。。 等几乎包括了我们项目当中所有常用验证例子。
常用的表单校验正则表达式
04-24
常用的表单校验正则表达式，txt文档，列了主要的正则表达式如：IP、电话等
前端工具库之-公共校验文件
qq_67801847的博客
08-03 334
校验密码由6-18位数字和英文组成，判断是否是手机号，判断是否是身份证号，判断是否是邮箱，说明：基本的一些用户输入的校验，例如。创建文件夹 validate.js。
常用的正则表达式
qq_47255575的博客
02-07 183
正则表达式
JS中使用正则表达式封装的一些常用的格式验证的方法-是否外部url、是否小写、邮箱格式、是否字符、是否数组
BADAO_LIUMANG_QIZHI的博客
09-01 652
场景 在vue页面中需要对一些变量或者属性进行判断等。 所以讲这些js方法抽离出来一个公共的验证的方法。 注： 博客：https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 在项目下新建utils目录，在此目录下新建validate.js /** * @param {string} path * @returns {Boolean} */ export function isExter...
关于前端表单校验
m0_49194578的博客
09-07 1153
首先我们配置表单的时候： 表单属性： <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-position="left"> :model--表单数据绑定 :rules--传入权限策略变量 :label-position--表单位置 上面就完成了表单的创建以及引入了参数，校验策略； 下面则是我们表单中的input主体，在其中我们在他的
js 正则
weixin_46252229的博客
03-10 325
/** * Created by PanJiaChen on 16/11/18. */ /** * @param {string} path * @returns {Boolean} */ export function isExternal(path) { return /^(https?:|mailto:|tel:)/.test(path); } /** * @param {string} str * @returns {Boolean} */ export function
js的正则校验
EGWriket的博客
01-15 316
电话号码： 固话：([0-9]{3,4}-)?[0-9]{7,8} 手机：^((+?86)|((+86)))?(13[012356789][0-9]{8}|15[012356789][0-9]{8}|18[02356789][0-9]{8}|147[0-9]{8}|1349[0-9]{7})$
常用的表单正则和一些常用的方法
qq_45016428的博客
08-08 205
常用的表单正则和一些常用的方法
JSF2.0用户输入验证方法详解
手动验证需要在Action Controller方法中编写验证逻辑，隐式自动验证可以自动地将用户输入的数据转换为对应的Java类型，显式自动验证可以使用标准的验证标签来检查用户输入的数据。 **JSF2.0中的Validator** JSF2.0...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值